JS实现跑马灯效果(向左，向上) useover = function(){ this.stop(); }
//获取跑马灯对象的所有子元素
objs = ElementsByTagName( 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
p = 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){
/
/向左卷动
}else if(obj.offsetTop + obj.offsetHeight this.offsetTop){
//向上卷动
}else{
//重置该子元素
this.currentItem++;
this.loopTimer = setTimeout( $(\ +this.id+ \ ).loop(); , this.loopDelay); function mq_reset(){
js获取子元素var p = this.parentNode;
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){ ElementById(str)); }
/script
/head
body
div id= mq
div js实现的跑马灯效果11111 /div  div js实现的跑马灯效果22222 /div  /div
/body
/html

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。