Js+CSS实现的间断和不间断文本滚动代码

更新时间：2010年10月31日 21:53:49 作者：

Js+CSS间断和不间断文本滚动代码，文字在一行高度范围内不间断滚动，还有一个是间断滚动，滚动一次后会稍停片刻再次滚动。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Js+CSS间断和不间断文本滚动代码</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> .box{width:150px;height:25px;line-height:25px;border:#bbb 1px solid;overflow:hidden;} .box ul{margin:0;padding:0} .box li{height:25px;line-height:25px;font-size:12px;text-align:center;list-style-type:none;} </style> </head> <body> <div class="box" id="marqueebox0"> <ul> <li style="background:#f8e2ac;">第一行</li> <li style="background:#f5f5f5;">第二行</li> <li style="background:#ffe6ec;">第三行</li> </ul> </div><br> <div class="box" id="marqueebox1"> <ul> <li style="background:#f8e2ac;">第一行</li> <li style="background:#f5f5f5;">第二行</li> <li style="background:#ffe6ec;">第三行</li> </ul> </div> <script type="text/javascript"> function startmarquee(lh,speed,delay,index){ var t; var p=false; var o=document.getElementById("marqueebox"+index); o.innerHTML+=o.innerHTML; o.onmouseover=function(){p=true} o.onmouseout=function(){p=false} o.scrollTop = 0; function start(){ t=setInterval(scrolling,speed); if(!p){ o.scrollTop += 1;} } function scrolling(){ if(o.scrollTop%lh!=0){ o.scrollTop += 1; if(o.scrollTop>=o.scrollHeight/2) o.scrollTop = 0; }else{ clearInterval(t); setTimeout(start,delay); } } setTimeout(start,delay); } startmarquee(25,30,3000,0); startmarquee(25,40,0,1); </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

JS CSS制作饱含热情的镶边文字闪烁特效
JS+CSS制作的文字闪烁特效，饱含热情的镶边文字，能让人感觉到你的热情，同时也可以用作提示语，能充分引起人们的关注。
2009-10-10
JS溶解形式的文字切换特效
JavaScript形成溶解过渡形式的文字切换特效，够酷吧，的你平静如水的网页上旋转这么一个文字特效，一定会吸引不少人的注意力，文字内容和颜色以及字号大小看看代码就会知道怎么改了。
2009-11-11
javascript实现的网页标题变换效果(网页游戏广告常用)
很多游戏广告的推广页面中，为了吸引眼球，我们看到IE标题栏与状态栏中都是来回闪动的效果。
2011-01-01
javascript 走马灯效果的链接提示
走马灯效果的链接提示，大家的需求不一样，因此可能有朋友会喜欢这样的链接提示，用到的话，再好好美化一下，其实效果还是不错的。
2009-10-10
走马灯效果代码js appendChild实现的无缝滚动
走马灯效果代码js appendChild实现的无缝滚动
2010-03-03
用按钮触发Javascript动态生成一个表格的代码
用按钮触发Javascript，动态生成一个表格，主要是使用innerHTML功能，每点击一次按钮，就会生成一个表格，当然也可以把表格改成一个DIV，这样就是生成一个层了，不过删除时候有些麻烦。
2009-10-10
javascript 洒脱飘动的文字
飘动的文字，看着还挺自在、洒脱，网上经常见的东西，原来是这么实现的，奉献给大家哦。
2009-10-10
JavaScript 平滑文字闪烁
基于JavaScript的平滑文字闪烁,不是单纯的闪烁,貌似还带有一点点别的效果,比如淡入/淡出,那些颜色值你是可以变的,改成你想要的,还有闪烁间隔等,都可以修改的.
2009-10-10
javascript 网页上跳动的文字
网页上跳动的文字，代码稍复杂，效果挺可爱的，一跳一跳的文字，真逗人！
2009-10-10
Js文字背景行如流水特效
行如流水的Js文字背景特效，本人比较喜欢的效果，文字的背景像流水线一样，不断的循环变化，很漂亮哦。
2009-10-10

Js+CSS实现的间断和不间断文本滚动代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具