Javascript实现带关闭按钮的网页漂浮广告代码


Posted in Javascript onJanuary 12, 2014
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>带关闭按钮的网页漂浮广告代码</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="图片路径" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a> 
<span style="CURSOR:hand;color:red;font-weight:bold" onclick="clearInterval(interval);img.style.visibility = 'hidden'">X</span> 
</div> 
<script language=javascript src=ff.js> </script> 
</body> 
</html>

ff.js代码
var xPos = 20; 
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();
Javascript 相关文章推荐
js 点击按钮弹出另一页,选择值后,返回到当前页
May 26 Javascript
你必须知道的JavaScript 变量命名规则详解
May 07 Javascript
JS代码判断IE6,IE7,IE8,IE9的函数代码
Aug 02 Javascript
通过url查找a元素并点击
Apr 09 Javascript
通过JS来动态的修改url,实现对url的增删查改
Sep 01 Javascript
使用javascript获取页面名称
Dec 23 Javascript
jquery实现的淡入淡出下拉菜单效果
Aug 25 Javascript
原生JS获取元素的位置与尺寸实现方法
Oct 18 Javascript
浅析node Async异步处理模块用例分析及常用方法介绍
Nov 17 Javascript
在JS循环中使用async/await的方法
Oct 12 Javascript
vue实现在线翻译功能
Sep 27 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
May 14 Javascript
jquery toolbar与网页浮动工具条具体实现代码
Jan 12 #Javascript
jQuery在iframe中无法弹出对话框的解决方法
Jan 12 #Javascript
js弹窗返回值详解(window.open方式)
Jan 11 #Javascript
JS中表单的使用小结
Jan 11 #Javascript
js opener的使用详解
Jan 11 #Javascript
JS获取下拉列表所选中的TEXT和Value的实现代码
Jan 11 #Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
Jan 11 #Javascript
You might like
利用文件属性结合Session实现在线人数统计
2006/10/09 PHP
自动分页的不完整解决方案
2007/01/12 PHP
PHP生成月历代码
2007/06/14 PHP
php debug 安装技巧
2011/04/30 PHP
php中文验证码实现示例分享
2014/01/12 PHP
php验证码实现代码(3种)
2015/09/07 PHP
PHP函数引用返回的实例详解
2016/09/11 PHP
php正则判断是否为合法身份证号的方法
2017/03/16 PHP
原始XMLHttpRequest方法详情回顾
2013/11/28 Javascript
JQuery右键菜单插件ContextMenu使用指南
2014/12/19 Javascript
使用console进行性能测试
2015/04/27 Javascript
整理JavaScript创建对象的八种方法
2015/11/03 Javascript
JavaScript SHA1加密算法实现详细代码
2016/10/06 Javascript
微信小程序 教程之wxapp视图容器 swiper
2016/10/19 Javascript
vue中渐进过渡效果实现
2016/10/27 Javascript
node.js发送邮件email的方法详解
2017/01/06 Javascript
JS二叉树的简单实现方法示例
2017/04/05 Javascript
Javascript中的getter和setter初识
2017/08/17 Javascript
Vue 解决通过this.$refs来获取DOM或者组件报错问题
2020/07/28 Javascript
详解设计模式中的工厂方法模式在Python程序中的运用
2016/03/02 Python
Python中.join()和os.path.join()两个函数的用法详解
2018/06/11 Python
Python matplotlib通过plt.scatter画空心圆标记出特定的点方法
2018/12/13 Python
Python实现的调用C语言函数功能简单实例
2019/03/13 Python
Python使用get_text()方法从大段html中提取文本的实例
2019/08/27 Python
Django实现文件上传下载功能
2019/10/06 Python
Pyqt5自适应布局实例
2019/12/13 Python
Python之qq自动发消息的示例代码
2021/02/18 Python
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
2013/01/31 HTML / CSS
速卖通欧盟:Aliexpress EU
2020/08/19 全球购物
学校端午节活动方案
2014/08/23 职场文书
2014年小学数学工作总结
2014/12/12 职场文书
初中优秀学生评语
2014/12/29 职场文书
学术会议邀请函
2015/01/30 职场文书
护理专业自荐信范文
2015/03/06 职场文书
2015年前台个人工作总结
2015/04/03 职场文书
python opencv通过按键采集图片源码
2021/05/20 Python