<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>
把需要改的地方改了就可以了，
织梦的广告代码 默认有一些代码，但是呢，这些仅有的广告代码肯定不能满足我们的要求，这就需要我们自己添加了：1.首先进入织梦系统后台——模块——广告管理：
新增一个广告 填写广告标识（使用英文或数字表示的简洁标识）
可以现在加入一个广告代码或者以后再来添加 确定！
2.点击广告管理后的“代码” 进入如下页面：
这里有两种广告代码的形式：
织梦cms标签调用代码：这个代码采用的是dedecms标签的形式，所以在加入此代码或者是更改了广告代码之后就需要重新生成页面才能显示广告；
js调用代码：我们推荐使用这个js调用，后台更改广告代码之后就会自动显示更改后的广告；
3.加入广告代码
这个就不多说了，你想要在网站的那里显示广告就把相应的代码加入到网站的模板中。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）