首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

应用Jquery做的滚动新闻

2012-11-18 
使用Jquery做的滚动新闻滚动新闻代码从是网上找的,自己做了一些修改,特别是新闻比较长时. script typet

使用Jquery做的滚动新闻

滚动新闻代码从是网上找的,自己做了一些修改,特别是新闻比较长时.

<script type="text/javascript">  $(document).ready(function(){    $('.scrollBox li:even').addClass('odd');    $('.scrollBox:first').scroll();  });/*&lt;![CDATA[*/  (function($) {  // 滚动插件代码    $.fn.scroll = function(options) {      options = options || {};      this.css('overflow', 'hidden');      var scroll = (function(self) {        return function() {          if (self.data('scroll_stop')) {            return;          }          var li = self.find('li:first');          var t = parseInt(li.css('marginTop')) || 0;          li.animate({            'marginTop': (t - li.outerHeight()) + 'px'          }, options.speed || 'slow', function() {            self.append(li);            li.css('marginTop', t + 'px');          });        };      })(this);      setInterval(scroll, options.delay || 2000);      this.hover(function() {        $(this).data('scroll_stop', true);      }, function() {        $(this).removeData('scroll_stop');      });    };  })(jQuery);</script>

?

?

热点排行