又一个流动性非常好的网页载入页面

王朝html/css/js·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

<!--把下列代码放到body区域内-->

<body>

<script language="JavaScript">

var delta=0.15

var collection;

function floaters() {

this.items= [];

this.addItem= function(id,x,y,content)

{

document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');

var newItem= {};

newItem.object= document.getElementById(id);

newItem.x= x;

newItem.y= y;

this.items[this.items.length]= newItem;

}

this.play= function()

{

collection= this.items

setInterval('play()',10);

}

}

function play()

{

for(var i=0;i<collection.length;i++)

{

var followObj= collection[i].object;

var followObj_x= (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);

var followObj_y= (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {

var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;

dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));

followObj.style.left=followObj.offsetLeft+dx;

}

if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {

var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;

dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));

followObj.style.top=followObj.offsetTop+dy;

}

followObj.style.display= '';

}

}

var theFloaters= new floaters();

theFloaters.addItem('followDiv1','document.body.clientWidth-112',230,'<a href=http://www.knowsky.net target=_blank><img src=/img/200406304.jpg border=0></a>');

theFloaters.addItem('followDiv2',12,230,'<a href=http://www.knowsky.com target=_blank><img src=/img/200406305.jpg border=0></a>');

theFloaters.play();

</script>

</body>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航