esnak 发表于 2005 年 3 月 13 日 16:58:02

JS对配置不好的机子影响比较大,对网页速度也有影响

chenmowan 发表于 2005 年 3 月 13 日 15:40:43

会看源码的进来一下..

www.ssmoon.com
用模版随意弄的
本来想测试跟随浏览条上下移动的浏览条的
(如:www.ssmoon.com上的奔腾4标志)
可是一移动就消失了
这是为何?
附此特效代码

<html>
<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      = newItem;
       }
     this.play  = function()
       {
         collection      = this.items
         setInterval('play()',10);
       }
     }
     function play()
     {
     if(screen.width<=800)
     {
     for(var i=0;i<collection.length;i++)
     {
         collection.object.style.display  = 'none';
     }
     return;
     }
     for(var i=0;i<collection.length;i++)
     {
     var followObj      = collection.object;
     var followObj_x      = (typeof(collection.x)=='string'?eval(collection.x):collection.x);
     var followObj_y      = (typeof(collection.y)=='string'?eval(collection.y):collection.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-106',80,'<br><a href=http://www.ssmoon.com target=_blank><img src=http://www.jgwy.net/bbs/p_w_picpath/upload/4128.jpgborder=0></a>');
 theFloaters.addItem('followDiv2',0,43,'<br><a href=http://www.ssmoon.com target=_blank><img src=http://www.ssmoon.com/p_w_picpaths/tudi_04.gifborder=0></a>');
 theFloaters.play();  
</script>
页: 1 [2]
查看完整版本: 会看源码的进来一下..