您好，欢迎来到源码搜藏！分享精神，快乐你我！提示：担心找不到本站？在百度搜索“源码搜藏”，网址永远不丢失！

[加入VIP] 设为首页 | 收藏本站 | 网站地图 | Sitemap | TAG标签

当前位置：首页 > 网页特效 > 窗口特效 >

经典的Js漂浮广告代码，物理弹性

时间：2014-06-08 09:12 来源：互联网作者：源码搜藏浏览：次收藏挑错推荐打印

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js物理弹性漂浮广告代码</title>
</head>

<body>
<DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 61px;
 visibility: visible;"><a href="/" target="_blank"><img src="http://www.codefans.net/jscss/demoimg/201011/pic.gif" width="80" height="80" border="0"></a></DIV>
<div align="center">
  <p>
    <SCRIPT>
	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;
img1.style.top = yPos;
function changePos() 
{
	width = document.body.clientWidth;
	height = document.body.clientHeight;
	Hoffset = img1.offsetHeight;
	Woffset = img1.offsetWidth;
	img1.style.left = xPos + document.body.scrollLeft;
	img1.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()
	 {
	 	img1.visibility = "visible";
		interval = setInterval('changePos()', delay);
	}
	function pause_resume() 
	{
		if(pause) 
		{
			clearInterval(interval);
			pause = false;}
		else 
		{
			interval = setInterval('changePos()',delay);
			pause = true; 
			}
		}
	start();
	</SCRIPT>
  </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
    <p>js物理弹性漂浮广告</p>
  <p></p>
  <p> </p>
</div>
</body>
</html>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

比较经典通用的Js物理弹性漂浮广告代码，漂浮速度适中、大小适中，是最经典最标准的漂浮广告代码了，推荐给大家使用。不过漂浮广告在一个页面上最好不要放太多，否则很影响网站浏览体验，得不偿失。
<SCRIPT>

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;

img1.style.top = yPos;

function changePos()

{

width = document.body.clientWidth;

height = document.body.clientHeight;

Hoffset = img1.offsetHeight;

Woffset = img1.offsetWidth;

img1.style.left = xPos + document.body.scrollLeft;

img1.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()

{

img1.visibility = "visible";

interval = setInterval('changePos()', delay);

}

function pause_resume()

{

if(pause)

{

clearInterval(interval);

pause = false;}

else

{

interval = setInterval('changePos()',delay);

pause = true;

}

}

start();

</SCRIPT>

经典的Js漂浮广告代码，物理弹性由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/chuangkou/8556.html

标签：网站源码

上一篇：可关闭或最小化的右下角浮动广告

下一篇：右下角JS广告，可关闭，可最小化

[窗口特效] js强力弹窗代码

[窗口特效] MyPixbot带阴影的可拖动的浮动层

[窗口特效] 网页中弹出小窗口,页面背景逐渐

[窗口特效] Ajax弹出漂亮可拖动的提示层(窗)

[窗口特效] 类似Google个性首页的页面自定义

[窗口特效] 用层模拟可移动的小窗口

[窗口特效] 可关闭可拖动的Div层窗口，JavaS

[窗口特效] js模拟QQ聊天窗口抖动特效(图片

[窗口特效] jQuery登录浮动框代码

[窗口特效] 选择城市纯CSS弹出层效果

[窗口特效] 可关闭可拖动的图层窗口代码

[窗口特效] 改善用户体验的alert提示效果

相关内容推荐

就看我主机网

毛毛怪PNG图标

JavaScript源码

非主流美女图片集

飞鹰关键词排名提升

PHP基础教程

SEO培训课程

图片评选系统

WeLive在线客服系统

增加反向链接

关于我们 | 版权声明 | 广告服务 | 联系我们 | 常见问题 | 网站地图 | 网友投稿 | 在线留言

分享精神，快乐你我！联系QQ:498277184

本站资源是从网络整理所得,如果无意侵犯了贵司版权，请与源码搜藏网联系，我们会及时处理和回复，谢谢!

鲁ICP备13013982号-1