<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>簡潔對聯(lián)廣告代碼</title>
<script language="JavaScript" type="text/javascript">
lastScrollY=0;
function heartBeat(){ 
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY); 
if(percent>0)percent=Math.ceil(percent); 
else percent=Math.floor(percent); 
document.getElementById("lovexin12").style.top=parseInt(document.getElementById
("lovexin12").style.top)+percent+"px";
document.getElementById("lovexin14").style.top=parseInt(document.getElementById
("lovexin12").style.top)+percent+"px";
lastScrollY=lastScrollY+percent; 
//alert(lastScrollY);
}
suspendcode12="<DIV id=\"lovexin12\" style='left:2px;POSITION:absolute;TOP:120px;'>ad1</div>"
suspendcode14="<DIV id=\"lovexin14\" style='right:2px;POSITION:absolute;TOP:120px;'>ad2</div>"
document.write(suspendcode12); 
document.write(suspendcode14); 
window.setInterval("heartBeat()",1);
</script>
<style type="text/css">
<!--
#lovexin12,#lovexin14{
width:100px;
height:230px;
background-color:yellow;
border:2px solid red;
}
html,body{
height:800px;
}
#mm{
height:800px;
}
-->
</style>
</head>
<body>
<div id="mm">
基于JS+CSS+DIV的網(wǎng)頁對聯(lián)廣告代碼
</div>
</body>
</html>

希望本文所述對大家的JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

javascript:void(0)點(diǎn)擊登錄沒反應(yīng)怎么解決
這篇文章給大家介紹javascript:void(0)點(diǎn)擊登錄沒反應(yīng)怎么解決，解決辦法是巧用批處理解決IE不支持JavaScript等問題，需要的朋友參考下
2015-11-11
微信小程序開發(fā)WXML模板語法基礎(chǔ)教程
這篇文章主要介紹了微信小程序模板語法，WXML（WeiXin?Markup?Language）是框架設(shè)計(jì)的一套標(biāo)簽語言，結(jié)合基礎(chǔ)組件、事件系統(tǒng)，可以構(gòu)建出頁面的結(jié)構(gòu)，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-08-08
JavaScript增加數(shù)組中指定元素的5種方法總結(jié)
在JS中數(shù)組方法是非常重要且常用的的方法,在此整理總結(jié)一番,下面這篇文章主要給大家介紹了關(guān)于JavaScript增加數(shù)組中指定元素的5種方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-02-02
微信小程序商品詳情頁規(guī)格屬性選擇示例代碼
這篇文章主要介紹了微信小程序商品詳情頁規(guī)格屬性選擇的示例代碼，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下
2017-10-10
理解JavaScript設(shè)計(jì)模式中的建造者模式
這篇文章主要介紹了理解JavaScript設(shè)計(jì)模式中的建造者模式,文章基于JavaScript的相關(guān)資料展開箱子內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下
2022-04-04
使用js判斷當(dāng)前時(shí)區(qū)TimeZone是否是夏令時(shí)
這篇文章主要介紹了js判斷當(dāng)前時(shí)區(qū)TimeZone是否是夏令時(shí)的方法,需要的朋友可以參考下
2014-02-02
JS 拼湊字符串的簡單實(shí)例
下面小編就為大家?guī)硪黄狫S 拼湊字符串的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-09-09
詳解Howler.js Web音頻播放終極解決方案
這篇文章主要介紹了詳解Howler.js Web音頻播放終極解決方案,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
微信小程序之五種頁面跳轉(zhuǎn)方法小結(jié)
本文主要介紹了微信小程序之五種頁面跳轉(zhuǎn)方法小結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-06-06
javascript createAdder函數(shù)功能與使用說明
createAdder（x）是一個(gè)函數(shù)，返回一個(gè)函數(shù)。在JavaScript中，函數(shù)是第一類對象：另外它們可以被傳遞到其他函數(shù)作為參數(shù)和函數(shù)返回。在這種情況下，函數(shù)返回本身就是一個(gè)函數(shù)接受一個(gè)參數(shù)，并增加了一些東西。
2010-06-06