隔断时刻转动的结果,可配置转动参数

发布时间：2018-08-17 09:27:25 所属栏目：编程来源：站长网

导读：猛火网(LieHuo.Net)教程这是一个隔断一按时刻才会转动的结果，可以配置转动速率，单行的转动高度，转动的行数，每次逗留的时刻，转动的速率等，多个参数。我们来看一下结果： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w

　　猛火网(LieHuo.Net)教程这是一个隔断一按时刻才会转动的结果，可以配置转动速率，单行的转动高度，转动的行数，每次逗留的时刻，转动的速率等，多个参数。

　　我们来看一下结果：

<!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" content="text/html; charset=GBK" /> <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;background:url(http://www.veryhuo.com/uploads/allimg/1004/liehuo_marquee_time.jpg) left center repeat-x;border-bottom:1px solid #dedede;} span{float:right;} </style> </head> <body> <div class="rig"> <h5><span><a href="http://www.veryhuo.com/?21:13-2010-4-18">更多>></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="http://www.veryhuo.com/?21:13-2010-4-18"><img src="http://www.veryhuo.com/uploads/allimg/1004/liehuo_256x70_1.jpg" /></a></td> </tr> <tr> <td height='24'><span><a href="http://www.veryhuo.com/?21:13-2010-4-18">猛火首页</a></span> <p><a href="http://www.veryhuo.com/?21:13-2010-4-18">电脑教程学院</a></p></td> </tr>  <tr> <td height='70'><a href="http://www.veryhuo.com/?21:13-2010-4-18"><img src="http://www.veryhuo.com/uploads/allimg/1004/liehuo_256x70_2.jpg" /></a></td> </tr> <tr> <td height='24'><span><a href="http://www.veryhuo.com/?21:13-2010-4-18">猛火首页</a></span> <p><a href="http://www.veryhuo.com/?21:13-2010-4-18">电脑教程学院</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> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

MYSQL_框架之主从GTID	MySQL Online DDL的实
MySQL 5.7 mysqldumps	MySQL TEXT、DATE、SE