鼠标经过标题滚动效果

评论显示效果加上这个话。。基本完美

最新评论截字数 很长很长都没事。。

适合我评论框架 不会在显示 代码!~

效果也挺好玩的。。。

例如:

  1. <div class="item_div" style="width:200px;overflow: hidden;white-space: nowrap;">  
  2. 标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题  
  3. </div>  

添加js

  1. <script language="Javascript">  
  2. $(’.item_div’).bind(’mouseover’, function(){  
  3. var el = this;   
  4. var itme_to_left = setInterval(function(){  
  5. el.scrollLeft+=3;  
  6. },30);  
  7. $(el).bind(’mouseout’, function(){  
  8. if (itme_to_left) {  
  9. clearInterval(itme_to_left);  
  10. itme_to_left = null;  
  11. }  
  12. el.scrollLeft = 0;  
  13. $(el).unbind(’mouseout’);  
  14. });  
  15. } );  
  16. </script>  

您可以选择一种方式赞助本站

目前评论:10   其中:访客  5   博主  5

  1. 2010年10月01日 19:56  沙发
  2. 2010年10月01日 11:53  板凳
  3. 2010年10月01日 14:14  地板
  4. 2010年10月01日 12:58  4楼
  5. 2010年10月01日 16:10  5楼
  6. 2010年10月01日 17:55  6楼
  7. 2010年10月01日 19:36  7楼
  8. 2010年10月01日 16:16  8楼
  9. 2010年10月01日 12:31  9楼
  10. 2010年10月01日 14:12  10楼
评论加载中...

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: