Ping Pong

Description

Create ping pong scrollers in a breeze. Perfect solutions for all fixed layouts.

Javascript Example

Below is the equivalent javascript code using the pure vanilla js version of SuperScroll.

                                        
                                            
    new SuperMarquee( document.getElementById( "supermarquee" ), { "mode" : "pingpong" });
                                            
                                    
                                        
                                            
    <div id="supermarquee"></div>
                                            
                                    
                                        
                                            
     #supermarquee {
        color: #8089ff;
        font-size: 48px;
     }                                        
                                    

jQuery Example

The demo above is constructed with the jQuery version of this library. See the code below to find out more.

                                        
                                            
$( "#supermarquee" ).supermarquee({
    "mode" : "pingpong"
});
                                            
                                    
                                        
                                            
    <div id="supermarquee"></div>
                                            
                                    
                                        
                                            
     #supermarquee {
        color: #8089ff;
        font-size: 48px;
     }                                        
                                    

 

BACK