仿新浪微博转动，笔墨渐显向下成果代码

发布时间：2018-08-17 15:33:10 所属栏目：编程来源：站长网

导读：又一款仿新浪微博转动，笔墨渐显向下成果代码。去掉了转动开始时辰的笔墨渐显结果，好像更明淅了，又一种气魄威风凛凛的新浪微博大厅笔墨转动，要的就复制代码吧。示例： !DOCTYPE HTMLhtml lang=en-USheadmeta charset=UTF-8 /title仿新浪微博转动/titlestyle

　　又一款仿新浪微博转动，笔墨渐显向下成果代码。去掉了转动开始时辰的笔墨渐显结果，好像更明淅了，又一种气魄威风凛凛的新浪微博大厅笔墨转动，要的就复制代码吧。

　　示例：

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8" /> <title>仿新浪微博转动</title> <style type="text/css"> *{padding:0;margin:0;list-style:none;} body{margin:0 auto;} a{text-decoration:none;color:#005EAC;} #outCont{position:relative;width:500px;height:300px;border:1px solid #333;overflow:hidden;margin:0 auto;} #outCont ul{position:absolute;padding:20px;} #outCont li{border-bottom:1px solid #E3EEF8;text-indent:30px;padding:10px 0;} </style> </head> <body> <div id="outCont"> <ul> <li><a href="#">缓如流水却悦耳肺腑的糊口，静若莲花却永不成生长故事长故... -</a></li> <li><a href="#">在TB买对象许多几何年了，记得是在“亲”这个称号刚开始风行时。一天晚上在家里上网，旺旺溘然跳了出来窗口来对我说：“亲，我有身了。”哥即刻一惊，心说本身没闯什么祸吧？正发愣呢，那人又说：“来日诰日去医院搜查。” 心想你丫到底是谁，莫非还要我陪你去搜查，想讹我不成？我可不怕.</a></li> <li><a href="#">一位西方记者问周总理：“叨教总理老师，此刻的中国有没有妓女？”不少人抑郁：怎么提这种题目？各人都存眷周总理奈何答复。周总理必定地说：“有！” 全场哗然，议论纷纷。周总理看出了各人的迷惑，增补说了一句：“中国的妓女在我</a></li> <li><a href="#">1邪术灰女人〔超等保举〕（安妮海瑟薇主演） 2,贱女孩〔超等保举〕（林赛罗汉主演） 3,灰女人的玻璃手机〔超等保举〕 4,佳丽鱼〔超等保举〕（内里音乐也很好听） 5,舞出我人生〔超等保举〕（励志的！刚出了第二部） </a></li> <li><a href="#">Tiramisu在意大利原文里，“Tira”是“提、拉”的意思，“Mi”是“我”“Su”是“往上”，合起来就是“拉我起来”的意思；也有另一种表明是“带我走”和“记着我”，带走的不可是鲜味，</a></li> </ul> </div> <script type="text/javascript"> function slideDown(ContId,interTime,speed) { var d = document; var contOut = d.getElementById(ContId); var ul = contOut.getElementsByTagName("ul")[0]; var intval,timeOut,sInterval; function run(){ intval = setInterval(function(){ var li = contOut.getElementsByTagName("li"); var liNum = li.length; var tempLi = li[liNum-1].cloneNode(true); var tHeight = li[liNum-1].offsetHeight; ul.insertBefore(tempLi,li[0]); ul.style.top= -tHeight+"px"; var runDown = function(){ sInterval = setInterval(function(){ var uTop = parseInt(ul.offsetTop); if(tHeight>0){ ul.style.top = (-(tHeight-1))+"px"; //ul.style.top = -(tHeight - Math.ceil(tHeight/10))+"px"; }else{ ul.style.top = 0+"px"; clearInterval(sInterval); } tHeight--; },speed); ul.removeChild(li[liNum]); } runDown(); },interTime); } run(); function stop(){ clearInterval(intval); } contOut.onmouseover = function(){ stop(); } contOut.onmouseout = function(){ run(); } } slideDown("outCont",5500,20); </script> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

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

MySQL源码安置	运用图形界面从SQL导入
MySQL5.7+keepalived+	windows系统下jsp+mys