DANCE WITH JAVA

開發出高質量的系統

隨筆分類(277)

隨筆檔案(238)

閱讀排行榜

常用鏈接

統計

隨筆 - 239
文章 - 0
評論 - 664
引用 - 0

積分與排名

積分 - 983979
排名 - 34

好友之家

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 閱讀(1721) 評論(0) 編輯收藏所屬分類: 片段、腳本語言javascript

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB 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中實現動態廣告的方法