<head>
<title>js实现可关闭的自由漂浮广告代码_js特效_特效代码_www.xunmzy.com</title>
<meta http-equiv="content-type" content="text/htmlcharset=utf-8">
<style type="text/css">
#img1{width:autoposition:absolutetop:43pxleft:2pxz-index:10}
#img1 div{width:autotext-align:rightfont-size:12px}
#img1 div a:link{text-decoration:none}
#img1 div a:hover{color:redtext-decoration:none}
#img1 img{width:autoborder:1px solid black}
p{margin-top:50pxtext-align:center}
</style>
</head>
<body>
<div id="img1" onmouseover="pause_resume()" onmouseout="pause_resume()">
<div><a href="javascript:void(0)" onclick="closediv()" title="点击关闭">关闭</a></div>
<a href="https://www.xunmzy.com/" target="_blank"><img src="images/logo_png.png" alt="js实现可关闭的自由漂浮广告代码"></a>
</div>
<p>js代码可关闭的自由漂浮的图片广告特效</p>
<script type="text/javascript">
var xPos = 300
var yPos = 200
var step = 1
var delay = 30
var height = 0
var Hoffset = 0
var Woffset = 0
var yon = 0
var xon = 0
var pause = true
var interval
var divid = img1 //浮动DIV的ID.
divid.style.top = yPos
function changePos(){
width = document.body.clientWidth
height = document.body.clientHeight
Hoffset = divid.offsetHeight
Woffset = divid.offsetWidth
divid.style.left = xPos + document.body.scrollLeft
divid.style.top = yPos + document.body.scrollTop
if(yon){yPos = yPos + step}else{yPos = yPos - step}
if(yPos < 0){yon = 1yPos = 0}
if(yPos >= (height - Hoffset)){yon = 0 yPos = (height - Hoffset)}
if(xon){xPos = xPos + step}else{xPos = xPos - step}
if(xPos < 0){xon = 1xPos = 0}
if(xPos >= (width - Woffset)){xon = 0 xPos = (width - Woffset)}
}
function start(){
divid.visibility = "visible"
interval = setInterval('changePos()',delay)
}
function pause_resume(){
if(pause){
clearInterval(interval)
pause = false}
else{
interval = setInterval('changePos()',delay)
pause = true
}
}
function closediv(){
clearInterval(interval)
divid.style.display = "none"
}
start()
</script>
</body>
</html>
把需要改的地方改了就可以了，
你可以把广告生成JS调用的方式 那么以后如果想改广告的话 直接在后台更改JS代码就行了.....具体的 步骤如下
进入后台 模块 ->广告管理 ->[增加一个新广告] ->里面的内容自己写 ->写好后就能调用了
JS调用方法是
<script src='/plus/ad_js.php?aid=11' language='javascript'></script>
aid 就是那个你在增加广告时写的 "广告代码"
还弄不明白的可以百度hi我 我教你怎么弄
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）