几种浮动广告

liss

浏览: 842705 次
性别:
来自: 广州

最近访客更多访客>>

akacd

石不易

844700118

Agy0514

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

JavaScript

</html>

<title>制作浮动的广告图片</title>

var advInitTop=0;//使层总置于顶端的初始值

function move()

{

window.document.getElementById("advLayer").style.top=advInitTop+window.document.body.scrollTop;

}

window.onscroll=move;//窗口的滚动事件,当页面滚动时调用move()函数

</script>

</head>

<body >

</div>

</body>

例子:带关闭按钮的浮动的广告图片
<head>

<title>制作浮动的广告图片</title>

//使层总置于顶端的初始值

var advInitTop=0;

var closeInitTop=0;

//获取广告图片所在的层上边距的初始值

function inix()

{

advInitTop=parseInt(window.document.getElementById("advLayer").style.top);

closeInitTop=parseInt(window.document.getElementById("closeLayer").style.top);

}

//使用广告图片所在的层与滚动条同步移动

function move()

{

document.getElementById("advLayer").style.top=advInitTop+parseInt(window.document.body.scrollTop);

document.getElementById("closeLayer").style.top=closeInitTop+parseInt(window.document.body.scrollTop);

}

//隐藏advLaayer closeLayer 并不为被隐藏的对象保留其物理空间

function closeMe()

{

window.document.getElementById("closeLayer").style.display="none";

window.document.getElementById("advLayer").style.display="none";

}

//窗口的滚动事件,当页面滚动时调用move()函数

window.onscroll=move;

</script>

</head>

</div>

</div>

例子: 动态显示图片

<head>

<title>动态显示图片</title>

var arr=new Array();

arr[0]="images/arrow.gif";

arr[1]="images/back.jpg";

arr[2]="images/bt.jpg";

var i=0;

function showPic()

{

if(i>2)

{

i=0;

}

window.document.getElementById("pic").src=arr[i++];

window.setTimeout("showPic()",1000);

}

</script>

</head>

</div>

</body>

例子: 飘浮广告
<head>

//漂浮广告的初始位置

var x=50,y=60;

//xin为真,则向右运动,否则向左运动.

//yin为真,则向右运动,否则向左运协.

var xin=true,yin=true;

//移动的距离

var step=1;

//移动的步长

var delay=10;

function floatAD()

{

//L左边界,T右边界

var L=T=0;

//层移动的右边界

var R=window.document.body.offsetWidth-window.document.getElementById("fly").offsetWidth;

//层移动的下边界

var B=window.document.body.offsetHeight-window.document.getElementById("fly").offsetHeight;

//层移动后的左边界

window.document.getElementById("fly").style.left=x;

//层移动后的上边界

window.document.getElementById("fly").style.top=y;

//判断水平方向

x=x+step*(xin?1:-1);

//到达边界后的处理

if(x<L){xin=true;x=L;}

if(x>R){xin=false;x=R}

//判断生直方向

y=y+step*(yin?1:-1);

//到达边界后的处理

if(y<T){yin=true;y=T;}

if(y>B){yin=false;y=B;}

//隔多少时间调用一次

setTimeout("floatAD()",delay);

}

</script>

</head>

</div>

</body>

</html>

<head>

分享到：

JavaScript树型菜单——dtree | 一款可以用来实现网页拖拽得HTML代码

2010-01-13 22:39
浏览 1181
评论(0)
分类:Web前端
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论