js实现滚动新闻效果
2016-10-12 00:00
399 查看
<!DOCTYPE> <html> <head> <title>code.js.cn </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> a { display: block; font-size: 15px; line-height: 18px; text-decoration: none; color: #333; font-family: Arial; font-size: 12px; } .shell { background:no-repeat 4px 5px; border: 1px solid #aaa; width: 400px; padding: 3px 2px 2px 20px; } #div1 { height: 18px; overflow: hidden; } </style> </head> <body> <div class="shell"> <div id="div1"> <a>这是</a> <a>我的</a> <a>第一篇</a> <a>博客</a> </div> </div> </body> <script> var c, _ = Function; with (o = document.getElementById("div1")) { innerHTML += innerHTML; onmouseover = _("c=1"); onmouseout = _("c=0"); } (F = _("if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%18?10:3000);".replace(/#/g, "o.scrollTop")))(); </script> </html>
相关文章推荐
- js新闻滚动 js如何实现新闻滚动效果
- js新闻滚动 js如何实现新闻滚动效果
- <js>jquery实现新闻滚动效果,ie11支持
- js实现新闻条目滚动效果
- JS实现新闻滚动效果
- js实现图片的点击滚动效果
- JS实现文本内容上下滚动效果
- Flash 新闻效果(js实现)
- JS实现“鼠标控制局部文字滚动效果”研究
- [js]网页侧边随页面滚动广告效果实现
- Js 实现文字爬楼滚动效果 结合文本框
- 【转】js实现图片滚动效果
- 使用JavaScript实现新闻滚动效果
- 用js实现控制内容的向上向下滚动效果
- 用JS和CSS实现页面的向上向下滚动效果
- 意外发现--玩“JS实现的页面滚动图片加载”效果
- Js 实现文字爬楼滚动效果 结合文本框
- js实现滚动效果
- 用DIV 来代替JAVASCRIPT以实现无间隔新闻滚动的效果
- 不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了