模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
图片特效特效代码
>
收藏
分享
查看评论
图片特效
演示
间隔时间自由滚动特技_图片特效特效
查看演示效果
特效Tag：
图片滚动
添加
间隔时间自由滚动特技
<!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> <meta http-equiv="Content-Type" mrc="text/html; charset=utf-8" /> <title>间隔时间自由滚动特技</title> <base target="_blank"> <style> *{margin:0;padding:0;border:0;list-style:none;} body{font:12px Verdana, Geneva, sans-serif;line-height:18px;color:#333;} a{text-decoration:none;color:#004285;font-size:14px;font-weight:bold;} a:hover{text-decoration:underline;color:#C33;} .rig{border:1px solid #dedede;width:282px;margin-bottom:5px;} #qy a{font-size:12px;} h5 span a{font-size:12px;font-weight:normal;color:#333;} h5{padding:0 10px;font-size:14px;height:30px;line-height:30px;<!--<img src=http://p1.mb5u.com/texiao/1/20110225160544558.jpg>-->background:url(http://p1.mb5u.com/texiao/1/20110225160544558.jpg) left center repeat-x;border-bottom:1px solid #dedede;} span{float:right;} </style> </head> <body> <div class="rig"> <h5><span><a href="#">更多>></a></span>精彩企业专题</h5> <div id="qy" style="width:256px;margin:7px 10px 5px;height:94px;overflow:hidden" onMouseOver="qiScrollAmount=0" onmouseout="qiScrollAmount=2"> <ul> <li id="tab1"> <table border='0' cellspacing='0' cellpadding='0' width='256px'> <tr> <td height='70'><a href="#"><img src="http://p1.mb5u.com/texiao/1/20110225160544559.jpg" /></a></td> </tr> <tr> <td height='24'><span><a href="#">进入专题</a></span> <p><a href="#">徐工集团专题</a></p></td> </tr> <!--一行--> <tr> <td height='70'><a href="#"><img src="http://p1.mb5u.com/texiao/1/20110225160544559.jpg" /></a></td> </tr> <tr> <td height='24'><span><a href="#">进入专题</a></span> <p><a href="#">三一重工专题</a></p></td> </tr> </table> </li> <li id="tab2"></li> </ul> </div> <script> var qoMarquee = document.getElementById("qy"); //滚动对象 var tab1 = document.getElementById("tab1"); var tab2 = document.getElementById("tab2"); var qiLineHeight = 94;//单行高度，像素IE var qiLineCount = 0; //实际行数 var qiScrollAmount = 2; //每次滚动高度，像素（速度） var speed1=2000;//每次停留时间 var speed2=1;//滚动速度 tab2.innerHTML=tab1.innerHTML; function trun() { if(qoMarquee.scrollTop==2*qiLineHeight){qoMarquee.scrollTop=0;window.setTimeout( "trun()", speed2 );} else{ qoMarquee.scrollTop +=qiScrollAmount; if ( qoMarquee.scrollTop % qiLineHeight == 0 ) {window.setTimeout( "trun()", speed1 );} else {window.setTimeout( "trun()", speed2 );} } } window.setTimeout( "trun()", speed1 ); </script> </div> </body> </html>
所属频道：
图片特效特效
/
更新时间：2012-11-19
[收藏]
[报错]
[返回列表]
相关
图片特效特效
：
图片自动缩放
图像过来
禁止对图片用右键(仅支持IE)
图片的渐显播放效果的代码
对联式的图片广告代码
页面的左右下脚始终固定不动的图片广告代码
图片渐渐出现脚本
图象淡入淡出 Script
经典相册效果
左右移动的图片
图像映射
图形循环渐显脚本
图片特效特效Rss订阅
特效代码搜索
图片特效特效推荐
没有使用Marguee表格里的横向图片滚动
nVida 网站图片滑动切换代码
点小图弹出放大图片的JavaScript效果
礼花背景：深隧的天空不断爆出多彩的礼花
CSS放大图片(放大镜)
JS图片渐现渐隐效果
4张图片滚动切换效果
CSS+JS滑动门式的图片轮番切换
JavaScript简易图片分割
JavaScript控制图片放大缩小
猜你也喜欢看这些
JavaScript文字遮罩效果
字可以变大也可以变小
单选按钮链接
CSS给链接加上双下划线的方法
链接确认警告
系统颜色与字体
一款JS文字幻灯切换特效
控制DOM节点实现单行新闻滚动
文本框结合Js实现文字爬楼滚动效果
文字连续滚动
相关链接：
复制本页链接
|
搜索间隔时间自由滚动特技
特效说明：
图片特效模板
-
间隔时间自由滚动特技
。
。。