Right-To-Left

Description

Watch this demo to see how RTL-mode is supported.

Javascript Example

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

                                        
                                            
new SuperMarquee( document.getElementById( "supermarquee" ), { 
    "content" : "שכל לחיבור קרימינולוגיה אנתרופולוגיה אם. בה כתב לחבר וכמקובל, ב שנתי רפואה ויקימדיה מתן, בה אחר ציור תרבות המדינה. ביוני המלחמה בלשנות מה ויש, ספרדית האנציקלופדיה כתב אם, בקר מדעי כימיה גם. שימושי האטמוספירה שמו על, גם אחר הטבע בחירות לעריכה. ראשי אנגלית תיקונים עזה של, על מפתח קסאם מיזמים זכר.",
    "direction" : "rtl" 
});    
                                        
                                    
                                        
                                            
<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({
    "content" : "שכל לחיבור קרימינולוגיה אנתרופולוגיה אם. בה כתב לחבר וכמקובל, ב שנתי רפואה ויקימדיה מתן, בה אחר ציור תרבות המדינה. ביוני המלחמה בלשנות מה ויש, ספרדית האנציקלופדיה כתב אם, בקר מדעי כימיה גם. שימושי האטמוספירה שמו על, גם אחר הטבע בחירות לעריכה. ראשי אנגלית תיקונים עזה של, על מפתח קסאם מיזמים זכר.",
    "direction" : "rtl"
});    
                                            
                                    
                                        
                                            
<div id="supermarquee"></div>
                                        
                                    
                                        
                                            
#supermarquee {
    color: #8089ff;
    font-size: 48px;
}
                                        
                                    

 

BACK