网站添加漂浮框

/*****漂浮框图片,从网站左上角开始滚动*********/


<script type="text/javascript">
function hidead()
{document.getElementById("ad").style.display="none";}
</script>
<div id="ad" style="position:absolute">
<a href="#" target="_blank">
<img src="../../images/tp1.jpg" border="0">
</a>
<DIV οnclick="hidead();" style="FONT-SIZE: 9pt; CURSOR: hand" align=right>关闭×</DIV></div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 1
var obj=document.getElementById("ad")
function floatAD() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
var B = document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft
obj.style.top = y + document.body.scrollTop
x = x + step*(xin?1:-1)
if (x < L) { xin = true; x = L}
if (x > R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T }
if (y > B) { yin = false; y = B }
}
var itl= setInterval("floatAD()", delay)
obj.οnmοuseοver=function(){clearInterval(itl)}
obj.οnmοuseοut=function(){itl=setInterval("floatAD()", delay)}
</script>



/*********2,网站两侧加浮动图片****************/



<STYLE>
#webqqmessage {
    Z-INDEX: 404; POSITION: absolute; WIDTH: 110px; TOP: 500px; RIGHT: 35px
}
#webmessage {
    Z-INDEX: 404; POSITION: absolute; WIDTH: 110px; TOP: 500px; LEFT: 35px
}
.lrad {
    PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.lrad IMG {
    BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 118px; HEIGHT: 153px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
</STYLE>

<DIV id=webqqmessage><!--右边开始-->
<DIV class=lrad><A href="../column/column19.shtml"><IMG src="../../images/app2.jpg"></A></DIV><!--右边结束--></DIV>
<DIV id=webmessage><!--左边开始-->
<DIV class=lrad><A href="../volumn/current.shtml"><IMG src="../../images/app1.jpg"></A></DIV><!--左边结束--><!--触发状态结束--></DIV>
<SCRIPT language=javascript>
//<![CDATA[
var tips;var tipsweb;var theTop = 460/*这是默认高度,越大越往下*/;
var old = theTop;

function initFloatTips() {
tips = document.getElementById('webqqmessage');
tipsweb = document.getElementById('webmessage');
moveTips();
};
function moveTips() {
var tt=50;
if (window.innerHeight) {
pos = window.pageYOffset
}
else if (document.documentElement && document.documentElement.scrollTop) {
pos = document.documentElement.scrollTop
}
else if (document.body) {
pos = document.body.scrollTop;
}
pos=pos-tips.offsetTop+theTop;
pos=tips.offsetTop+pos/10;
if (pos < theTop) pos = theTop;
if (pos != old) {
tips.style.top = pos+"px";
tipsweb.style.top = pos+"px";
tt=10;
}
old = pos;
setTimeout(moveTips,tt);
}
//!]]>
initFloatTips();
</SCRIPT>



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值