<div style="position:absolutewidth:110pxheight:455pxtop:150pxleft:0px" id="lefimg"><img border="0" src="../图片名" width="图片宽度" height="图片高度" /></div>
<script language="JavaScript">
<!--
lastScrollY=0
function heartBeat(){
var diffY
if (document.documentElement &&document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY)
percent=.1*(diffY-lastScrollY)
if(percent>0)percent=Math.ceil(percent)
else percent=Math.floor(percent)
document.getElementById("lefimg").style.top=parseInt(document.getElementById("lefimg").style.top)+percent+"px"
lastScrollY=lastScrollY+percent
//alert(lastScrollY)
}
window.setInterval("heartBeat()",1)
// -->
</script>
图片高度和宽度用数字代替即可，层的宽度和高度可自定义
将如上代码加入到网页的</body>前即可
<html><head>
<meta http-equiv="content-type" content="text/htmlcharset=utf-8">
<title>右侧浮动窗口代码演示</title>
</head>
<body>
<table height=1000><tr><td>演示效果看右侧，右侧调用页面为right.htm</td></tr></table>
<!-- 浮动广告代码开始 -->
<div id="ShowAD" style="position:absolutez-index: 100">
<div style="width:155height:18pxfont-size:14pxfont-weight:boldtext-align:leftCURSOR: hand" onClick="closead()"><font
color=ff0000>关闭</font></div>
<IFRAME allowTransparency="true" marginwidth=0 marginheight=0 src="right.htm" frameborder=0 width=155 scrolling=no
height=530></IFRAME>
</div>
<script>
var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body
var adst = document.getElementById("ShowAD").style
adst.top = ( bodyfrm.clientHeight -530-22 ) + "px"
adst.left = ( bodyfrm.clientWidth -155 ) + "px"
function moveR() {
adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - 530-22) + "px"
adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - 155 ) + "px"
}
setInterval("moveR()", 80)
function closead()
{
adst.display='none'
}
</script>
<!-- 浮动广告代码结束 -->
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）