JS漂浮广告代码，图片飘动，响应鼠标停止

zhibin07

浏览: 310766 次

最近访客更多访客>>

u012363178

vbkan23

sysysy300

xxydsny1314

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

<html>
<head>
<title>漂浮广告代码</title>
</head>
<body>
<div id="img" style="position:absolute;z-index=99;">
<a href="http://www.veryhuo.com"><img src="/images/logo.gif" border="0"  alt='img'></a>
</div>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var xPos = document.body.clientWidth-20;
var yPos = document.body.clientHeight/2;
var step = 1;
var delay = 5;
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.visibility = "visible";
interval = setInterval('changePos()', delay);
}
start();
img.onmouseover = function() {
clearInterval(interval);
interval = null;
}
img.onmouseout = function() {
interval = setInterval('changePos()', delay);
}
//  End -->
</script>
</body>
</html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>

img.rar (885 Bytes)
下载次数: 5

分享到：

HTTP Apache错误代码都有哪些？ | jQuery返回顶部特效，网页右下角的回到顶部 ...

2012-04-19 10:42
浏览 1871
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JS漂浮广告代码，图片飘动，响应鼠标停止

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JS漂浮广告代码，图片飘动，响应鼠标停止

评论

发表评论

相关推荐

js生成玫瑰花 源代码

水果忍者JS版

php可编辑表格

jq实现果冻抖动效果

分享设置

GooleEye

ie6 form.submit()不能正常提交

实现 鼠标移上去出现多菜单

jquery 轮播

<marquee>aa</marquee>实现内容滚动时首尾相连，不出现空白的时候

网站统计中的数据收集原理及实现

网站统计中的数据收集原理及实现

jquery控制css的display(控制元素的显示与隐藏)

图片submit reset

jQuery选择器大全

Javascript+PHP实现在线拍照功能

50个jquery试用代码段++25个实用的jQuery技巧和解决方案

JS 对cookie 的一些操作

js字数限制 删除多余的字符

js 数字逗号分节~

最近访客更多访客>>

js生成玫瑰花源代码

实现鼠标移上去出现多菜单

js字数限制删除多余的字符