jquery滚动新闻实现代码.docxVIP

这篇文章主要为大家详细介绍了 jQuery滚动新闻实现代码，具有一定的参考价值，感 兴趣的小伙伴们可以参考一下 网上下载了一个Jquery新闻滚动Demo,效果不错。我根据自己情况，做了些调整。 下载后，除了 Html及Jquery.js，还有三个文件，分别是 Css,主Js和一个定位 Js (jquery.dimensions.js ), Css文件完全可以通过动态赋值实现，省的在 Css文件中添加了， 况且可以重定义，应该效果更好。 定位Js只用到一个方法，我把它整合到之中了，少加载一个是一个么。 原Dem。是一行显示的滚动效果，有一个 Bug，即不等的多行显示时会跑错，已修复。 原Demo有一个mouseover属性，我一般不用(效果不好，看一下实现方法也有漏洞， 在多行时效果更差)，删除了。 借鉴别人的思路与代码，不敢独享。 删除的部分： $(gt; ul, this) nbsp;.bind(mouseover, function(e) ( nbsp; if ($(e.target).is(li)) ( nbsp; nbsp;$(e.target).addClass(hover); nbsp;} nbsp;}) nbsp;.bind(mouseout, function(e) ( nbsp; if ($(e.target).is(li)) ( nbsp; nbsp;$(e.target).removeClass(hover); nbsp;} nbsp;}); 调整后代码： html部分： lt;div id=tbNewsgt; lt;ulgt; nbsp;lt;ligt;1 nbsp;lt;ligt;2 nbsp;lt;ligt;3 nbsp;lt;ligt;4 nbsp;lt;ligt;5 lt;/ulgt; lt;/divgt; lt;script language=JavaScript src=jdNewsScroll.js type=text/javascriptgt; lt;/scriptgt; lt;script defer=defer language=JavaScript type=text/javascriptgt; $(function() ( nbsp;$(#tbNews).jdNewsScroll((divWidth:130,divHeight:50,fontSize:10.5pt}); }); lt;/scriptgt; 、滚动新闻， 、滚动新闻， 、滚动新闻， 、滚动新闻， 滚动新闻, 滚动新闻 滚动新闻, 滚动新闻, 滚动新闻, lt;/ligt; 滚动新闻,滚动新闻, 滚动新闻, 滚动新闻 滚动新闻, 滚动新闻 lt;/ligt; lt;/ligt; 滚动新闻 lt;/ligt; 、滚动新闻lt;/ligt; 这篇文章主要为大家详细介绍了 jQuery滚动新闻实现代码，具有一定的参考价值，感 兴趣的小伙伴们可以参考一下 网上下载了一个Jquery新闻滚动Demo ,效果不错。我根据自己情况，做了些调整。 下载后，除了 Html及Jquery.js,还有三个文件，分别是 Css,主Js和一个定位 Js (jquery.dimensions.js ), Css文件完全可以通过动态赋值实现，省的在 Css文件中添加了， 况且可以重定义，应该效果更好。 定位Js只用到一个方法，我把它整合到之中了，少加载一个是一个么。 原Demo是一行显示的滚动效果，有一个 Bug,即不等的多行显示时会跑错，已修复。 原Demo有一个mouseover属性，我一般不用(效果不好，看一下实现方法也有漏洞， 在多行时效果更差)，删除了。 借鉴别人的思路与代码，不敢独享。 删除的部分： $(gt; ul, this) nbsp;.bind(mouseover, function(e) { nbsp; if ($(e.target).is(li)) { nbsp; nbsp;$(e.target).addClass(hover); nbsp;} nbsp;}) nbsp;.bind(mouseout, function(e) { nbsp; if ($(e.target).is(li)) { nbsp; nbsp;$(e.target).removeClass(hover); nbsp;} nbsp;}); 调整后代码： html部分： lt;div id=tbNewsgt; lt;ulgt; nbsp;lt;ligt;1 nbsp;lt;ligt;2 nbsp;lt;ligt;3 nbsp;lt;ligt;4 nbsp;lt;ligt;5 lt;/ulgt; lt;/divgt; lt;script language