模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
文本链接特效代码
>
收藏
分享
查看评论
文本链接
演示
上下左右滚动的走马灯文字代码_文本链接特效
查看演示效果
特效Tag:
走马灯
文字滚动
添加
这个走马灯效果不错,可以根据网页大小自动调节,然后可以上下、左右滚动,中间可以有停顿。
<html> <head> <title>滚动文字效果</title> <style type="text/css"> #infozone{font-size:12px;color:#aa6;overflow:hidden;width:100px;height:20px;} #infozone div{height:20px;line-height:20px;white-space:nowrap;overflow:hidden;} </style> <script type="text/javascript"> var tc; window.onload=function(){ var o=document.getElementById('infozone');hscroll(o); window.setInterval(function(){window.clearTimeout(tc);o.firstChild.style.marginLeft='0px';scrollup(o,20,0);},10000); } function scrollup(o,d,c){ if(d==c){ var t=o.firstChild.cloneNode(true); o.removeChild(o.firstChild);o.appendChild(t); t.style.marginTop=o.firstChild.style.marginTop='0px'; hscroll(o); } else{ ch=false;var s=3,c=c+s,l=(c>=d?c-d:0); o.firstChild.style.marginTop=-c+l+'px'; window.setTimeout(function(){scrollup(o,d,c-l)},50); } } function hscroll(o){ var w1=o.firstChild.offsetWidth,w2=o.offsetWidth; if(w1<=w2)return; tc=window.setTimeout(function(){hs(o,w1-w2,0,w1-w2)},3500); } function hs(o,d,c,p){ c++;var t=(c>0?-c:c);o.firstChild.style.marginLeft=t+'px'; if(c==d){if(d==0){tc=window.setTimeout(function(){hs(o,p,0,p)},2500);}else tc=window.setTimeout(function(){hs(o,0,-p,p)},3500);} else tc=window.setTimeout(function(){hs(o,d,c,p)},5); } </script> </head> <body> <div id="infozone"><div>C#源码下载请到模板无忧</div><div>一个很不错的源码下载站</div><div>我爱模板无忧</div><div>提供大量高质量源代码</div></div> </body> </html>
所属频道:
文本链接特效
/
更新时间:2012-12-23
[收藏]
[报错]
[返回列表]
相关
文本链接特效
:
后退无效的链接
一种隐藏URL的方法 (并是弹出无边窗口)
随机动态的链接Title提示
表单多选框中列出全部链接点击跳转
一个链接打开两个链接地址(新开窗口和当前窗口)
鼠标onmouse链接时复选框的状态变为checked
多个div层显示隐藏及切换
引用文章链接代码
信息框显示链接
点击链接后跳出一个链接说明小窗口
比较实用的CSS控制连接颜色效果
超链接或按钮的跳马灯式说明文字
文本链接特效Rss订阅
特效代码搜索
文本链接特效推荐
鼠标放到链接文字上后,文字不停滚动
打印文字特效
文字滚动上楼梯、爬格子
可加入图片、文字的链接悬停提示
网页上标、下标的实现方法
Css+Js单行新闻切换效果
滚动文字
警告链接-鼠标移至该链接将弹出提示信息
Wingdings特殊字符组合的桌面图标
CSS仿XP的链接文字特效
猜你也喜欢看这些
支持COOKIE保存的层拖动实例
立体效果表格的制作方法
CSS+JS鼠标悬停单元格变色
不用CSS实现的圆角表格边框
CSS多层绝对嵌套定位的一个小演示
点击文字激活CheckBox的JavaScript
红色CSS下拉菜单,兼容IE6 IE7 Firefox
JavaScript全选指定表格中的内容
给表格单元格加上七色彩条
JavaScript未知高度元素的垂直居中
相关链接:
复制本页链接
|
搜索上下左右滚动的走马灯文字代码
特效说明:
文本链接模板
-
上下左右滚动的走马灯文字代码
。