导航
首页
站内首页
网罗天下
网页前端
软件使用
站内首页
>
网页前端
>
JS
> 正文
JS新闻公告文字逐条向上翻滚代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>新闻列表单行滚动js效果和多行滚动js效果,超简洁</title> <style> a{display:block;line-height:18px;text-decoration:none;color:#f00;font-family:Arial;font-size:12px;} a:hover{text-decoration:underline;} .shell{width:500px; } #div1{height:72px;overflow:hidden;} </style> </head> <body> <div class="shell"> <div id="div1"> <a href="http://www.i0561.com">1</a> <a href="http://www.i0561.com">2</a> <a href="http://www.i0561.com">3</a> <a href="http://www.i0561.com">4</a> <a href="http://www.i0561.com">5</a> <a href="http://www.i0561.com">6</a> <a href="http://www.i0561.com">新闻列表单行滚动js效果和多行滚动js效果</a> <a href="http://www.i0561.com">新闻列表单行滚动js效果和多行滚动js效果</a> <a href="http://www.i0561.com">新闻列表单行滚动js效果和多行滚动js效果</a> </div> <div> <p>修改说明:#div1里的高度(72px)即是你需要显示的行数<br/> js里的18即是要滚动的行高;1500即是每次滚动所需要的时间,越大则速度越慢! <p/> </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:1500);".replace(/#/g,"o.scrollTop")))(); </script> </html>
提示:可以修改后运行.
<<
js控制显示元素个数 超出隐藏 点击显示
selected选中后显示和隐藏div
>>
查看所有评论
昵称
评论内容
相关文章
在线留言
© 2021
i0561搜索
.All rights reserved.
v3.24
作者:
Song2816
浏览:
发布时间:
21/06/15