对联广告

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> 对联广告 </title>
<style type="text/css">
<!--
#layer1{position:absolute;left:5px;width:100px;height:200px;background:red;}/* 左边 */
#layer2{position:absolute;right:5px;width:100px;height:200px;background:red;}/* 右边 */
-->
</style>
<script type="text/javascript">
function floatLayer(d,t){
    var O = document.getElementById(d)
    var T = document.documentElement.scrollTop + t;
    O.style.top = T+"px";
}
window.onload=function(){
    window.setInterval("floatLayer('layer1',200);", 50);
    window.setInterval("floatLayer('layer2',200);", 50);
}
</script>
</head>

<body>

<div style="height:1200px;">
    也可以只显示一边哦！
</div>

<div id="layer1">可放图片文字等...</div>
<div id="layer2">可放图片文字等...</div>

</body>
</html>
posted @ 2012-05-28 11:30  tongfan  阅读(183)  评论(0)    收藏  举报