Question to say "I can!"

帶關閉功能的漂浮圖片代碼

2011-06-29

上面有個“關閉”,點擊可以關閉漂浮圖片,這個是怎么實現的呢?用下面的代碼就可以實現了(可自定義圖片):

~

~

~

~

<div id="xixun" style="position:absolute">
<div style="width:135;height:18px;font-size:12px;font-weight:bold;text-

align:left;cursor:hand;" onClick="closead();"><font color="ff0000">關閉</font></div>
<a href="http://dhdszx.edudh.net/E_ReadNews.asp?NewsId=1756" target="_blank">
<img src="http://dhdszx.edudh.net/images/xixun.jpg" border="0"></a>
</div>
<script>
var x = 307,y = 307
var xin = true, yin = true
var step = 1
var delay = 50
var obj=document.getElementById("xixun")
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.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
function closead()
{
document.getElementById('xixun').style.visibility='hidden';
}
</script>

作者:admin | Categories:設計問題 | Tags:

發表評論

電子郵件地址不會被公開。 必填項已用*標注

*

澳洲f1赛车b盘开奖套路 浙江6+1开奖结果走势图表近30期 浙江十二走势图 北京快3官方软件 体育彩票泳坛夺金玩法 广西快乐双彩 2019上证十大权重股 贵州快3网址 什么叫股票开盘 吉林省11选5开奖结果 四川快乐12遗漏统计 腾讯分分彩开奖规定 线上推广赌博app违法吗 好运彩快三是合法的吗 类似pc蛋蛋网站 陕西11选5遗漏数据 美国股票指数基金