javascript中实现动态广告的方法
以前写的demo继续发
动态广告
有三种实现方法
1 ,通过js的色setTimeout()
优点: 兼容大多数 doctype 声明
缺点: 会有延迟的效果。。。。
2 ,通过body 的 onscroll 事件 相应调整
优点:延迟相对较小
缺点 :不兼容doctype 2005
3 ,通过css控制
优点:无延迟
缺点:不同浏览器不同,但可以通过方法兼容
例子: 1
< script language = " JScript " >
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 >
< div id = AdLayer style = 'position:absolute; width:61px; height:59px; z - index: 20 ; visibility:hidden;; left: 600px; top: 300px' >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
< script language = " JScript " >
function MoveLayer() {
document.all.AdLayer.style.posTop=document.body.scrollTop+20
document.all.AdLayer.style.posLeft=300;
}
</ script >
< div id = AdLayer style = 'position:absolute; width:61px; height:59px; z - index: 20 ; visibility:visible; left: 600px; top: 300px' >
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa < br >
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb < br >
ccccccccccccccccccccccccccccccccc < br >
</ div >
< body id = " body " name = " body " onscroll = " MoveLayer() " >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 " >
< html xmlns = " http://www.w3.org/1999/xhtml " xml:lang = " en " >
< head >
< style type = " text/css " >
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 ] >
< style type = " text/css " >
/**/ /*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/**/ /*]]>*/
</ style >
<! [endif] -->
</ head >
< body >
< div >
< ul style = " list-style-type:decimal " >
< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >
< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >
< ul >
</ div >
< div id = " menu " >
< img src = " http://www.cnblogs.com/images/cnblogs_com/goodspeed/795/o_o_mylogo.gif " />
</ div >
</ body >
</ html >
有三种实现方法
1 ,通过js的色setTimeout()
优点: 兼容大多数 doctype 声明
缺点: 会有延迟的效果。。。。
2 ,通过body 的 onscroll 事件 相应调整
优点:延迟相对较小
缺点 :不兼容doctype 2005
3 ,通过css控制
优点:无延迟
缺点:不同浏览器不同,但可以通过方法兼容
例子: 1
< script language = " JScript " >
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 >
< div id = AdLayer style = 'position:absolute; width:61px; height:59px; z - index: 20 ; visibility:hidden;; left: 600px; top: 300px' >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
< script language = " JScript " >
function MoveLayer() {
document.all.AdLayer.style.posTop=document.body.scrollTop+20
document.all.AdLayer.style.posLeft=300;
}
</ script >
< div id = AdLayer style = 'position:absolute; width:61px; height:59px; z - index: 20 ; visibility:visible; left: 600px; top: 300px' >
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa < br >
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb < br >
ccccccccccccccccccccccccccccccccc < br >
</ div >
< body id = " body " name = " body " onscroll = " MoveLayer() " >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 >
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 " >
< html xmlns = " http://www.w3.org/1999/xhtml " xml:lang = " en " >
< head >
< style type = " text/css " >
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 ] >
< style type = " text/css " >
/**/ /*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/**/ /*]]>*/
</ style >
<! [endif] -->
</ head >
< body >
< div >
< ul style = " list-style-type:decimal " >
< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >
< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >< li ></ li >
< ul >
</ div >
< div id = " menu " >
< img src = " http://www.cnblogs.com/images/cnblogs_com/goodspeed/795/o_o_mylogo.gif " />
</ div >
</ body >
</ html >