<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="漂浮广告 http://www.alixixi.com/" />
<meta name="description" content="漂浮广告" />
<meta content="漂浮广告" name="keywords" />
<title>漂浮广告</title>
</head>
<body>
<DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 61px;
visibility: visible;">
<a href="http://www.alixixi.com/" target="_blank"><img src="images/pic.gif" width="80" height="80" border="0"></a>
</DIV>
<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>
</body>
</html>
相关推荐
网站浮动广告代码 网页浮动广告代码 非常好的 网页浮动广告代码 非常好的
在dreamweaver网站制作时要做网页中的浮动广告可以直接使用的java脚本语言
制作浮动的广告图片,包含关闭按钮。window.onscroll,pixelTop,doucument.body.scrollTop
JavaScript实现网页上的浮动广告的简单方法,需要的朋友可以参考一下
主要介绍了dreamweaver制作网页漂浮广告示例,需要的朋友可以参考下
带关闭按钮的网页漂浮广告代码</title> </head> <body> <div id=”img” style=”position: absolute; left: 311; top: 815;visibility :hidden;” onmouseover=”clearInterval(interval)” ...
网页制作中比较实用的广告特效代码,有网页中漂浮图片,对联广告等等 给喜欢网页制作的朋友分享一下
想在网站上弄个漂浮的广告吗?下面给朋友们介绍一下
本资料谢了有关网页制作中需要用的代码,对于网页制作中有很大的帮助
图片放大特效,浮动广告,弹窗广告,文字滚动,商品秒杀活动等。 1.2开发技术 综合运用HTML+CSS+JavaScript技术。 2.1 系统模块划分 网页的模块主要由主页、栏目页、商品详情页、轮播页、个人信息登录页面、秒杀页、...
摘要:C#源码,图形图像,文字滚动,漂浮广告 运用所学的知识,使用C#制作实现的窗体内的文字滚动(跑马灯)和图像漂浮效果,图像漂浮很像网页上见到的漂浮广告效果,图片在随机轨迹中不断飘动,随风摇拽自由自在,用C#...
河南洛阳旅游网页设计采用DIV CSS布局制作,功能包括浮动广告位、轮播banner图、表单搜索框、注册页面、登录页面、购物车页面、提交订单页面、购票页面、商品页面、新闻页面等等。适合大学生网页毕业设计作品参考,...
实例038 在网页中应用浮动框架 58 实例039 创建空白框架 60 实例040 居中显示框架页 62 1.7 无边框窗口 63 实例041 全屏显示无边框有滚动条的窗口 63 实例042 应用CSS+DIV实现指定尺寸无边框无滚动条窗口 65 实例043...
3、随机漂浮的图片广告 4、向上、向左滚动的信息(利用marquee跑马灯实现) 5、最热招聘(本页内链接) 6、页面打开时,弹出广告窗口 7、二级的横向菜单,鼠标移动一级菜单时,二级菜单显示,离开时,二级菜单隐藏...
基于canvas制作全屏的页面底部圆点悬浮上升动画,酷炫的圆点气泡漂浮动画特效。支持6种Transition属性动画默认值设置。
原创JavaScript入门教程,不用先学语法的学习方式,系列教程之六至九章! 06 辨析表达式的结果 07 九九乘法表的显示 08 状态栏的控制 09 网页浮动广告的制作
当然,出于网站风格统一、广告效应的需要,本无可厚非,可毕竟让用户的钱包为这些“点缀“的东西”日益消得钱憔悴”了,有没有办法,让这些雷同的东西一次下载后就不用再下载,而只下载那些内容有变化区域的网页内容...
使用代码前必须引用jquery ,代码放在页面底部就行,亲测好用.