js仿腾讯网间歇性向上转动的结果

发布时间：2018-08-21 13:58:37 所属栏目：编程来源：站长网

导读：烈35火94网(LieHuo61.Net)网页殊效教37程：本文先容的是一款间歇性向上转动的结果，猛火早年曾经多次颁发此类殊效，如您想相识早年此类的网页殊效，请行使猛火站内搜刮，本例来自腾讯，信托我们各人都在腾讯见过。不牢靠表现高度，文本向上转动。克日，有

　　烈35火94网(LieHuo61.Net)网页殊效教37程：本文先容的是一款间歇性向上转动的结果，猛火早年曾经多次颁发此类殊效，如您想相识早年此类的网页殊效，请行使猛火站内搜刮，本例来自腾讯，信托我们各人都在腾讯见过。不牢靠表现高度，文本向上转动。

　　克日，有许多站长恶意收罗烈.火.网（Liehuo点Net）的文章，关于此，猛火颁发最新声明：http://www.veryhuo.com/help/mianze.html

　　演示：

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>仿腾讯的一个不牢靠高度的文本转动殊效</title> <div> <table width="320" cellpadding="0" cellspacing="0" align="left" style="border-collapse:collapse;border:1px solid black;"> <tr> <td valign="top"> <div class="Contentnr auto"> <style> #msg_weibo {width:300px;height:186px;*height:186px;_height:170px;margin:10px auto 0;zoom:1; overflow:hidden;font-size:12px;line-height:20px;margin-bottom:4px;background:#ffffff;} #msg_weibo a{margin-right:6px;color:#003C71;text-decoration:none;} #msg_weibo a:hover{color:#c00;text-decoration:underline;} #msg_weibo img{margin-top:2px;} #msg_weibo span{color: #888;} #msg_weibo div{padding:8px 0 11px 0 ;overflow:hidden;zoom:1;background:url(/uploads/allimg/1009/liehuonet_d.gif) left bottom repeat-x} #msg_weibo span a{display:block;} #msg_weibo img{float:left;width:50px; height:50px; padding:2px; border:#D6D6D6 1px solid;} #msg_weibo p{float:left;width:295px; padding-left:5px; } </style> </head> <body> <div id="msg_weibo"> <div class="con"><p> 世锦赛第一场，打得还不错，但愿不是好景不常，要战，便战至灭亡！ </p></div> <div class="con"><p> 对刘伟真的无语了要害时候不是失误就是浪投，男篮要想取得角逐的胜利后卫线上必需得增强防守和镌汰失误 </p></div> <div class="con"><p> 男篮，加油 </p></div> <div class="con"><p>昨天竞彩网让分胜败是希腊让中国20分！…中国打得不错！死了一大片彩民 </p></div> <div class="con"><p> 有但愿 </p></div> <div class="con"><p> 晚上的角逐将是男篮在这届世锦赛的首胜。加油 </p></div> <div class="con"><p> 今晚的中国男篮让我另眼相看了，也完全出乎我的料想！起劲主动、神勇自信、相信队友、僵持本身的打法、不张皇，这的确是一支梦幻的国度队，假如小我私人技能能再好一点，还真有天下强队的样子。</p> </div> <div class="con"><p> <a target="_blank">刘伟其拭魅这场还行，只是手感欠好，假如那两个投篮进了必定又有特多人说他是好控位了，并且还会说是救了中国，以是不要总怪刘伟，照旧由于中国整体气力和希腊比不了，不外这场打的挺好了，这么打下去我信托中国会出线的。</p></div> <div class="con"><p> 藐视那些自觉得了不得的人，同样是中国人，你那么凶不归天锦赛上牛比？ </p></div> </div> </div> </td> </tr> </table> <script language="javascript"> var $ = function (d){ typeof d == "string" &&(d = document.getElementById(d)); return $.fn.call(d); }; $.fn = function (){ this.addEvent = function (sEventType,fnHandler){ if (this.addEventListener) {this.addEventListener(sEventType, fnHandler, false);} else if (this.attachEvent) {this.attachEvent("on" + sEventType, fnHandler);} else {this["on" + sEventType] = fnHandler;} } this.removeEvent = function (sEventType,fnHandler){ if (this.removeEventListener) {this.removeEventListener(sEventType, fnHandler, false);} else if (this.detachEvent) {this.detachEvent("on" + sEventType, fnHandler);} else { this["on" + sEventType] = null;} } return this; }; var Class = {create: function() {return function() { this.initialize.apply(this, arguments); }}}; var Bind = function (obj,fun,arr){return function() {return fun.apply(obj,arr);}} var Marquee = Class.create(); Marquee.prototype = { initialize: function(id,name,out,speed) { this.name = name; this.box = $(id); this.out = 3;//转动隔断时刻,单元秒 this.speed = speed; this.d = 1; this.box.style.position = "relative"; this.box.scrollTop = 0; var _li = this.box.firstChild; while(typeof(_li.tagName)=="undefined")_li = _li.nextSibling; this.lis = this.box.getElementsByTagName(_li.tagName); this.len = this.lis.length; for(var i=0;i<this.lis.length;i++){ var __li = document.createElement(_li.tagName); __li.innerHTML = this.lis[i].innerHTML; this.box.appendChild(__li);//cloneNode if(this.lis[i].offsetTop>=this.box.offsetHeight)break; } this.Start(); this.box.addEvent("mouseover",Bind(this,function(){clearTimeout(this.timeout);},[])); this.box.addEvent("mouseout",Bind(this,this.Start,[])); }, Start:function (){ clearTimeout(this.timeout); this.timeout = setTimeout(this.name+".Up()",this.out*1000) }, Up:function(){ clearInterval(this.interval); this.interval = setInterval(this.name+".Fun()",10); }, Fun:function (){ this.box.scrollTop+=this.speed; if(this.lis[this.d].offsetTop <= this.box.scrollTop){ clearInterval(this.interval); this.box.scrollTop = this.lis[this.d].offsetTop; this.Start(); this.d++; } if(this.d >= this.len + 1){ this.d = 1; this.box.scrollTop = 0; } } }; $(window).addEvent("load",function (){ marquee = new Marquee("msg_weibo","marquee",1,2); }); </script> </div> </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