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技巧--转义符&quot;\&quot;的妙用
Jan 09 Javascript
js特殊字符转义介绍
Nov 05 Javascript
深入理解javascript中defer的作用
Dec 11 Javascript
一个简单的jquery的多选下拉框(自写)
May 05 Javascript
微信小程序 省市区选择器实例详解(附源码下载)
Jan 05 Javascript
JavaScript自执行函数和jQuery扩展方法详解
Oct 27 jQuery
ES7中利用Await减少回调嵌套的方法详解
Nov 01 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
Mar 17 Javascript
Vue 源码分析之 Observer实现过程
Mar 29 Javascript
如何在Vue中抽离接口配置文件
Oct 31 Javascript
vue路由传参三种基本方式详解
Dec 09 Javascript
jquery向后台提交数组的代码分析
Feb 20 jQuery
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
php判断linux下程序问题实例
2015/07/09 PHP
PHP内置加密函数详解
2016/11/20 PHP
Laravel 框架返回状态拦截代码
2019/10/18 PHP
JavaScript DOM学习第六章 表单实例
2010/02/19 Javascript
发布一个基于javascript的动画类 Fx.js
2010/11/05 Javascript
js调用activeX获取u盘序列号的代码
2011/11/21 Javascript
JQUERY对单选框(radio)操作的小例子
2013/04/25 Javascript
js post提交调用方法
2014/02/12 Javascript
js实现表格字段排序
2014/02/19 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
2016/03/29 Javascript
微信小程序 wxapp导航 navigator详解
2016/10/31 Javascript
Angularjs处理页面闪烁的解决方法
2017/03/09 Javascript
微信小程序 获取二维码实例详解
2017/06/23 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
2018/08/09 Javascript
JavaScript日期库date-fn.js使用方法解析
2020/09/09 Javascript
编写Python脚本来实现最简单的FTP下载的教程
2015/05/04 Python
Python读写配置文件的方法
2015/06/03 Python
Python切片知识解析
2016/03/06 Python
python执行使用shell命令方法分享
2017/11/08 Python
python实现对excel进行数据剔除操作实例
2017/12/07 Python
Python+OpenCV图片局部区域像素值处理详解
2019/01/23 Python
Python实现将字符串的首字母变为大写,其余都变为小写的方法
2019/06/11 Python
Python 中的参数传递、返回值、浅拷贝、深拷贝
2019/06/25 Python
Python3 pywin32模块安装的详细步骤
2020/05/26 Python
浅谈OpenCV中的新函数connectedComponentsWithStats用法
2020/07/05 Python
什么是servlet
2012/05/08 面试题
初中生庆国庆演讲稿范文2014
2014/09/25 职场文书
省委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
干部作风建设工作总结
2014/10/29 职场文书
教师群众路线心得体会
2014/11/04 职场文书
监考失职检讨书
2015/01/26 职场文书
蓬莱阁导游词
2015/02/04 职场文书
佛光寺导游词
2015/02/10 职场文书
pygame面向对象的飞行小鸟实现(Flappy bird)
2021/04/01 Python
MySQL实现配置主从复制项目实践
2022/03/31 MySQL
CSS子盒子水平和垂直居中的五种方法
2022/07/23 HTML / CSS