网页特效
建站首页
|
广告代码
|
源码下载
|
站长工具
|
字体下载
|
网页模板
|
收藏本站
|
设为首页
网站首页
菜单导航
日期时间
背景图像
图层样式
鼠标键盘
页面窗口
色彩表格
链接文字
表单按钮
计数转换
游戏娱乐
综合实例
特效
热门搜索:
特效代码
js脚本
导航菜单
热点推荐:
英文字体
人民币汇率
dw插件
站长常用软件
alexa排名查询
您的位置:
网页特效
->
链接文字
-> 实用的间断和不间断文本滚动效
实用的间断和不间断文本滚动效
作者:admin 发布时间:2010-11-10 4:12:24 发布人: admin
<!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>实用的间断和不间断文本滚动效果</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>
实用的间断和不间断文本滚动效
将本文收藏到QQ书签与更多好友分享
上一篇:文章:
漂亮的404错误页面
下一篇:文章:
退出弹窗代码
本类浏览排行 »
退出弹窗代码
实用的间断和不间断文本滚动效
漂亮的404错误页面
鼠标悬停改变背景色
CSS个性尖角布局
随机加载的CSS样式
比较实用的二级下拉导航菜单
纯CSS倾斜菱形导航菜单
本站推荐文章 »
漂亮的404错误页面
比较实用的二级下拉导航菜单
点击图片直接把图片地址复制到粘贴板
一款常用的漂亮的JS图片滑动切换效果
兼容ie6、ie7、ff、opera、safari的水平垂..
一款设计精美的CSS滑动门菜单
一款简洁漂亮的CSS滑动门特效
结构和表现分离的Tab选项卡特效