可关闭的自由漂浮的图片广告特效代码-图片特效-网页特效

2024/4/20   星期六
设为首页   收藏本页
用户注册   用户登陆

4当前位置：网页特效首页－图片特效－可关闭的自由漂浮的图片广告特效代码

4网页特效分类

时间特效　　文本特效
状态标题　　背景特效
导航菜单　　图片特效
窗口特效　　按钮特效
鼠标特效　　 CSS特效
表单特效　　综合特效

4本站推荐内容

可关闭的自由漂浮的图片广告特效代码

类别：图片特效　来源：网络　添加时间：2011/4/12　浏览次数：23505

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>可关闭的自由漂浮的图片广告特效代码-图片特效-网页特效-站长新动力-msxindl.com</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style type="text/css">
#img1{width:59px;height:61px;position:absolute;top:43px;left:2px;z-index:10;}
#img1 div{width:80px;text-align:right;font-size:12px;}
#img1 div a:link{text-decoration:none;}
#img1 div a:hover{color:red;text-decoration:none;}
#img1 img{width:80px;height:80px;border:1px solid black;}
p{margin-top:50px;text-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="http://www.msxindl.com/" target="_blank"><img src="/texiao/images/nopic.jpg" alt="可关闭的自由漂浮的图片广告特效代码"></a>
</div>
<p>可关闭的自由漂浮的图片广告特效</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 = 1;yPos = 0;}
   if(yPos >= (height - Hoffset)){yon = 0; yPos = (height - Hoffset);}
   if(xon){xPos = xPos + step;}else{xPos = xPos - step;}
   if(xPos < 0){xon = 1;xPos = 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>

上一篇图片特效：

下一篇图片特效：8屏焦点图片带文字广告特效(DIV+CSS+JS)代码

4最新图片特效

·可关闭的自由漂浮的图片广告特效(2)
·8屏焦点图片带文字广告特效(DIV+CSS+JS)代码
·可关闭的自由漂浮的图片广告特效代码

4热门图片特效

·8屏焦点图片带文字广告特效(DIV+CSS+JS)代码
·可关闭的自由漂浮的图片广告特效代码
·可关闭的自由漂浮的图片广告特效(2)

本站部分内容收集整理于网络，如有问题请随时联系站长

，本站将在第一时间内进行处理！
设为首页收藏本站友情链接蜀ICP备08103254号-1 川公网安备51140202000211号最佳浏览环境：IE7.0及以上 1024px×768px

百度统计 51LA统计