0顶

带关闭功能的网页漂浮广告特效代码展示

稿源：互联网 2022-08-05 22:14:50 点击： 1329 撤稿纠错

带关闭功能的网页漂浮广告特效代码展示，可自定义图片。

以下讨论的是和漂浮广告特效相关的带关闭功能的网页漂浮广告特效代码展示教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>带关闭按钮的网页漂浮广告代码alixixi.com</title>
</head>
<body>
<div id="img" style="position: absolute; left: 311; top: 815;visibility :hidden;" onmouseover="clearInterval(interval)" onmouseout="interval = setInterval('changePos()', delay)" align="right">
<a href="#" target="_blank"><img border="0" src="http://www.alixixi.com/images/face/image21.gif"></a><br><span style="CURSOR:hand;color:red;font-weight:bold" onclick="clearInterval(interval);img.style.visibility = 'hidden'">X</span>
</div>
<script language=javascript>
var xPos = 20;//from alixixi.com
var yPos = document.body.clientHeight;
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;                    
img.style.top = yPos;                    
function changePos() {                   
width = document.body.clientWidth;                    
height = document.body.clientHeight;                    
Hoffset = img.offsetHeight;                    
Woffset = img.offsetWidth;                   
img.style.left = xPos + document.body.scrollLeft;                    
img.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() {                    
img.style.visibility = "visible";                  
interval = setInterval('changePos()', delay);                    
}              
start();  
</script>
</body>
</html>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于带关闭功能的网页漂浮广告特效代码展示的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071496152.shtml方便下次再访问哦。

·上一篇： 屏幕地震啊
·下一篇： 超简单实用的网页中任意漂浮的广告代码

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

带关闭功能的网页漂浮广告特效代码展示

文章分类LIST >>返回首页

最新游戏

最新新闻