无中断逐行转动代码，一次一行的笔墨转动

发布时间：2018-08-19 01:15:29 所属栏目：编程来源：站长网

导读：无中断逐行转动代码，一次一行的笔墨转动，小巧玲珑，小但美丽，代码简捷，分享给各人，JS笔墨转动也是挺常用的网页结果了，此刻用不上，也可以先保藏起来呢。猛火学院小提醒：代码中行使了 Java Script举办分词，以|脱离，童鞋们不妨研究一下。示例： h

　　无中断逐行转动代码，一次一行的笔墨转动，小巧玲珑，小但美丽，代码简捷，分享给各人，JS笔墨转动也是挺常用的网页结果了，此刻用不上，也可以先保藏起来呢。

　　猛火学院小提醒：代码中行使了JavaScript举办分词，以“|”脱离，童鞋们不妨研究一下。

　　示例：

<html"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无中断转动切换结果</title> <style type="text/css" media="all"> .scroll{ height:20px; overflow:hidden; font-size:12px; line-height:20px; border:#A5A5A5 1px dotted; width:120px; margin:0px auto; text-align:center; } </style> <script language="javascript" type="text/javascript"> var s,sn=0,timer,slen,timer2; function scrollInit(){ s=getid("s1"); s.scrollTop=0; slen=s.innerHTML.split("|"); s.innerHTML=""; for(var i=0;i<slen.length;i++){s.innerHTML+=(slen[i]+"<br />");} s.innerHTML+=slen[0]; timer2=setInterval(scrollstart,3000); s.onmouseover=function(){clearInterval(timer2);clearInterval(timer);s.style.backgroundColor="#ccc";} s.onmouseout=function(){timer2=setInterval(scrollstart,3000);s.style.backgroundColor="#fff";} } function scrollstart(){ if(s.scrollTop>=(slen.length*20)){s.scrollTop=0;} timer=setInterval(scrollexec,30); } function scrollexec(){ if(sn<20){ sn++; s.scrollTop++; }else{ sn=0; clearInterval(timer); } } function getid(id){return document.getElementById(id);} window.onload=scrollInit; </script> </head> <body> <div id="s1" class="scroll">北京|上海|广州|西安|猛火网|南京|大连|哈尔滨|武汉</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