|
楼主 |
发表于 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[this.items.length] = 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[i].object.style.display = 'none';
- }
- return;
- }
- 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-106',80,'<br><a href=http://www.ssmoon.com target=_blank><img src=http://www.jgwy.net/bbs/p_w_picpath/upload/4128.jpg border=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.gif border=0></a>');
- theFloaters.play();
- </script>
复制代码 |
|