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盘开奖套路 山西快乐10分 吉泽明步的在线播放BD第一页 山东十一选五的开奖 西宁按摩会所排行榜 闲来陕西麻将辅助 股票推荐分析 下載日本av电影 用扑克牌打麻将怎么玩 山西快乐10分 今晚20选五开奖结果 虚拟股票游戏 快播导航a片 广东11选5推荐 原千岁中文字幕全部电影 1分11选5走势 今天股票行情