赛马灯代码，样式伟大的笔墨转动结果

发布时间：2018-08-20 18:48:54 所属栏目：编程来源：站长网

导读：烈66火98网(LieHuo26.Net)教81程一款样式伟大的笔墨转动结果、赛马灯代码，现实也不伟大，猛火网已经收录过不少赛马灯的结果，笔墨转动也算是较量常见了，本赛马灯有点本性，最先转动一行笔墨，从左到右转动，然后再成批向上转动，一个转动完毕，第二个紧

　　烈66火98网(LieHuo26.Net)教81程一款样式伟大的笔墨转动结果、赛马灯代码，现实也不伟大，猛火网已经收录过不少赛马灯的结果，笔墨转动也算是较量常见了，本赛马灯有点本性，最先转动一行笔墨，从左到右转动，然后再成批向上转动，一个转动完毕，第二个紧接着呈现，故意思吧。

　　演示：

<html> <head> <meta http-equiv="content-type" content="text/html; charset=GB2312" /> <title>赛马灯</title> <style> * { font-size:12px; font-family:宋体, Arial; } /*划定了全部的字体样式*/ body { overflow:auto; } #mq { width:220px; height:40px; line-height:20px; overflow:hidden; border:1px solid black; } #mq div { position:absolute; width:220px; padding:0px 10px; } </style> <script> function init(){ initMq($("mq")); $("mq").start(); } function initMq(obj){ var objs; //界说赛马灯工具的自界说属性 obj.currentItem = -1; obj.loopDelay = 50; obj.loopItems = new Array(); obj.loopTimer = null; obj.speedX = 2; obj.speedY = 2; //界说赛马灯工具的自界说要领 obj.loop = mq_loop; obj.start = mq_startLoop; obj.stop = mq_stopLoop; //界说赛马灯工具的变乱 obj.onmouseover = function(){ this.stop(); } obj.onmouseout = function(){ this.loop(); } //获取赛马灯工具的全部子元素 objs = obj.getElementsByTagName("div"); for(var i=0; i<objs.length; i++){ //在loopItems属性中记录子元素 obj.loopItems.push(objs[i]); //自界说子元素的属性和要领 objs[i].index = i; objs[i].move = move; objs[i].reset = mq_reset; //初始化子元素的状态 objs[i].reset(); } } function move(x, y){ this.style.left = x + "px"; this.style.top = y + "px"; } function mq_loop(){ var obj; clearTimeout(this.loopTimer); if(this.currentItem >= this.loopItems.length)this.currentItem = 0; obj = this.loopItems[this.currentItem]; if(obj.offsetLeft!=this.offsetLeft){ //向左卷动 obj.move(obj.offsetLeft - this.speedX, obj.offsetTop); }else if(obj.offsetTop + obj.offsetHeight > this.offsetTop){ //向上卷动 obj.move(obj.offsetLeft, obj.offsetTop - this.speedX); }else{ //重置该子元素 obj.reset(); this.currentItem++; } this.loopTimer = setTimeout("$(""+this.id+"").loop();", this.loopDelay); } function mq_reset(){ var p = this.parentNode; this.move(p.offsetLeft + p.offsetWidth, p.offsetTop); } function mq_startLoop(){ for(var i=0; i<this.loopItems.length; i++)this.loopItems[i].reset(); this.currentItem = 0; this.loop(); } function mq_stopLoop(){ clearTimeout(this.loopTimer); } function $(str){ return(document.getElementById(str)); } window.onload = init; </script> </head> <body> <div id="mq"> <div> 姚明在本日的角逐中拿到了22分和12个篮板球，拉斐尔-阿尔斯通拿到了17分和9次助攻，最终火箭以92比77击败了骑士，这是他们在最近10场角逐中的第九场胜利，也是他们取得的五连胜。赛后麦蒂说：“我们许多球员都站了出来。” </div> <div> 影片《大灌篮》除了在影戏绝技和体育主题两大方面，与昔时星爷的《少林足球》堪称龙虎片，并且此番故事中，周董和老戏骨曾志伟扮演的一段感人父子情，又与星爷前不久方才公映的转型大片《长江7号》不约而同。 </div> </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