javascript中实现动态广告的方法

以前写的demo继续发

动态广告

有三种实现方法

1，通过js的色setTimeout()

优点：兼容大多数 doctype 声明

缺点：会有延迟的效果。。。。

2，通过body 的 onscroll 事件相应调整

优点：延迟相对较小

缺点：不兼容doctype 2005

3，通过css控制

优点：无延迟

缺点：不同浏览器不同，但可以通过方法兼容

例子：1

function initAd() {

document.all.AdLayer.style.visibility = 'visible'

MoveLayer('AdLayer');

}

function MoveLayer(layerName) {

var x = 600;

var y = 300;

var y = document.body.scrollTop+20

eval("document.all." + layerName + ".style.posTop = y");

eval("document.all." + layerName + ".style.posLeft = x");

setTimeout("MoveLayer('AdLayer');", 5);

}

window.onload=initAd;

</script>

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>

bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb<br>

ccccccccccccccccccccccccccccccccc<br>

</div>

sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>

例子：2

<html>

<head>

</head>

function MoveLayer() {

document.all.AdLayer.style.posTop=document.body.scrollTop+20

document.all.AdLayer.style.posLeft=300;

}

</script>

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>

bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb<br>

ccccccccccccccccccccccccccccccccc<br>

</div>

sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>sss<br>

</body>

</html>

例子三

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<head>

body {

margin:0;

border:0;

height:100%;

overflow-y:auto;

}

#menu {display:block; top:10px; left:150px; width:130px; position:fixed;}

* html #menu {position:absolute;}

</style>

<!--[if IE 6]>

/*<![CDATA[*/

html {overflow-x:auto; overflow-y:hidden;}

/*]]>*/

</style>

<![endif]-->

</head>

<body>

<div>

<ul>

</div>

</div>

</body>

</html>

posted on 2007-09-10 15:31 dreamstone 阅读(1696) 评论(0) 编辑收藏所属分类: 片段、脚本语言javascript

新用户注册刷新评论列表


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻知识库 C++博客博问管理
相关文章: html in mms or fetch remote media in mms(彩信中能否自动访问远程资源) javascript 关联列表的实现(简单的和复杂的) javascript 动态添加删除控件最简单的ajax实现 javascript两种渐变效果进度条的实现 vb script实现杀掉进程 javascript 禁止输入、禁止粘帖、禁止拖放、禁止输入法 javascript 格式化数字用vbscript来重写javascript js转换中把10进制数字转换成16进制

DANCE WITH JAVA

导航

随笔分类(277)

随笔档案(238)

阅读排行榜

常用链接

统计

积分与排名

好友之家

最新评论

javascript中实现动态广告的方法