★★★请教关于图层的飘动~ 用DreamWeaver实现, 再看源文件. 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 就是浮动广告吧.用JavaScript实现网页上的浮动广告 http://www.sina.com.cn 2002/07/26 13:49 5D多媒体 文/qqkk2000.Jo 以下这段代码可放在<body></body>之间,其间我加入了一些注释(即“//”后的文字及“<!—”“-->”之间的文字)。 <SCRIPT FOR=window EVENT=onload LANGUAGE="JScript"> initAd();//载入页面后,调用函数initAd() </SCRIPT> <script language="JScript"> <!-- function initAd() { document.all.AdLayer.style.posTop = -200;//设置onLoad事件激发以后,广告层相对于固定后的y方向位置 document.all.AdLayer.style.visibility = 'visible'//设置层为可见 MoveLayer('AdLayer');//调用函数MoveLayer() } function MoveLayer(layerName) { var x = 600;//浮动广告层固定于浏览器的x方向位置 var y = 300;//浮动广告层固定于浏览器的y方向位置 var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40; var y = document.body.scrollTop + y - diff; eval("document.all." + layerName + ".style.posTop = y"); eval("document.all." + layerName + ".style.posLeft = x");//移动广告层 setTimeout("MoveLayer('AdLayer');", 20);//设置20毫秒后再调用函数MoveLayer() } //--> </script> <!--下面为一个ID为AdLayer的层(如ID名不为AdLayer,上面MoveLayer()内的AdLayer也要作相应修改),包括一张带链接的图片--> <div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px'> <a href="http://www.5dmedia.com/bbs"><img src='../qqkk2000.gif' border="0" height="60" width="60"></a> </div> 在这里,你可以设置x、y的值来设定所固定层的位置,改变setTimeout("MoveLayer('AdLayer');", 20)中20的值为你希望调用MoveLayer()的时间间隔。还有要注意的是,使用的图片最好为透明背景的gif图,以使图片的背景颜色不至于遮住后面的的内容。 不一定是layer,在网页上的所用空间都可以用绝对坐标来定位定义如下,如:<img src="a.jpg" id=img1 style="position:absolute;top:10px;left:10px">结合setTimeOut与 img1.style.left\img1.style.top\document.body.scrollTop\document.body.scrollLeft就可对img1进行屏幕定位。 关于Tab的宽度 javascript 如何建立等待信息 单选按钮切换输入框背景图片 怎样将弹出窗口选择记录后传递数据到框架页中? JS小问题,给你送分!~~~~小弟先谢了!~~~ 请问有没有只有年月的日历,我不想要日 请问如何实现在关闭窗口时用javascript引导进入另外一个页面 实在是看不懂了,谁帮我解释解释。 如何让一个窗口在最前面显示 ajax跨域上传 在一个页面选择文件,然后在另一个页面中自动添加了文件的名称 javascript应答窗口的方式能回传数据吗???window.showModalDialog("test.aspx?父亲页面的控件值=×××")
http://www.sina.com.cn 2002/07/26 13:49 5D多媒体
文/qqkk2000.Jo 以下这段代码可放在<body></body>之间,其间我加入了一些注释(即“//”后的文字及“<!—”“-->”之间的文字)。
<SCRIPT FOR=window EVENT=onload LANGUAGE="JScript">
initAd();//载入页面后,调用函数initAd()
</SCRIPT>
<script language="JScript">
<!--
function initAd() {
document.all.AdLayer.style.posTop = -200;//设置onLoad事件激发以后,广告层相对于固定后的y方向位置
document.all.AdLayer.style.visibility = 'visible'//设置层为可见
MoveLayer('AdLayer');//调用函数MoveLayer()
}
function MoveLayer(layerName) {
var x = 600;//浮动广告层固定于浏览器的x方向位置
var y = 300;//浮动广告层固定于浏览器的y方向位置
var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posLeft = x");//移动广告层
setTimeout("MoveLayer('AdLayer');", 20);//设置20毫秒后再调用函数MoveLayer()
}
//-->
</script>
<!--下面为一个ID为AdLayer的层(如ID名不为AdLayer,上面MoveLayer()内的AdLayer也要作相应修改),包括一张带链接的图片-->
<div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px'>
<a href="http://www.5dmedia.com/bbs"><img src='../qqkk2000.gif' border="0" height="60" width="60"></a>
</div> 在这里,你可以设置x、y的值来设定所固定层的位置,改变setTimeout("MoveLayer('AdLayer');", 20)中20的值为你希望调用MoveLayer()的时间间隔。还有要注意的是,使用的图片最好为透明背景的gif图,以使图片的背景颜色不至于遮住后面的的内容。
定义如下,如:<img src="a.jpg" id=img1 style="position:absolute;top:10px;left:10px">结合setTimeOut与 img1.style.left\img1.style.top\document.body.scrollTop\document.body.scrollLeft就可对img1进行屏幕定位。