首页>>Jquery文字>>jQuery文字和图片跑马灯特效 支持水平垂直文字和图片等各种元素(2017-09-17)

jQuery文字和图片跑马灯特效 支持水平垂直文字和图片等各种元素

jQuery文字和图片跑马灯特效 支持水平垂直文字和图片等各种元素

 

JavaScript Code
  1. <script>  
  2. $(window).load(function(){  
  3.     $('.str1').liMarquee();  
  4.     $('.str2').liMarquee({  
  5.         direction: 'right'    
  6.     });  
  7.     var stringEl = $('.str3').liMarquee();  
  8.     $('.speedChange').on('click',function(){  
  9.         var speedChange = $(this);  
  10.         var dataSpeed = speedChange.data('scrollamount');  
  11.   
  12.         stringEl.trigger('mouseenter');  
  13.         stringEl.data({scrollamount:dataSpeed});  
  14.         stringEl.trigger('mouseleave');  
  15.           
  16.         return false;     
  17.     });  
  18.     $('.str4').liMarquee({  
  19.         drag: false   
  20.     });  
  21.     $('.str5').liMarquee({    
  22.         hoverstop: false  
  23.     });  
  24.     $('.str6').liMarquee();  
  25.     $('.btnPause').on('click',function(){  
  26.         $('.str6').liMarquee('pause');  
  27.     });  
  28.     $('.btnPlay').on('click',function(){  
  29.         $('.str6').liMarquee('play');  
  30.     })  
  31.     });  
  32.   
  33. </script>   

 


原文地址:http://www.freejs.net/article_jquerywenzi_635.html