【JS】经典的对联广告代码，JS代码实现

经典的对联广告代码，JS代码实现，很简洁，也是通用的代码，随着滚动条的滚动自动适应，对联大小由CSS控制，这使得代码修改起来更加方便快捷，不懂JS也没有关系。不过本代码有一处遗憾就是没有关闭功能。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>标准对联广告Js代码</title>
<style type="text/css">
<!--
#lovexin12,#lovexin14{
width:90px;
height:230px;
background-color:#ededed;
border:1px solid #ddd;
}
html,body{
height:1203px;
}
#mm{
height:1000px;
}
-->
</style><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*/}
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;
}
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>
</head>
<body>
<div id="mm"></div>
</body>
</html>

【JS】经典的对联广告代码，JS代码实现相关推荐

蓝色经典的对联广告代码
<html> <head> <title>蓝色经典的对联广告代码</title> <meta http-equiv="Content-T ...
JS常用脚本+html代码大全+对联广告代码效果大全
JS常用脚本 1. on_contextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border on_co ...
对联广告关闭挖扭的制作
去过新浪或者搜狐吗?虽然我们都不愿意看广告,但是它们做广告的技术我们却应该学到手,这不,又一种很流行的做法儿,做成那种两边对称的对联式的广告,而最醒目的地方还有一个关闭的小按扭,如图: 这是不是比弹出 ...
css实现网页对联广告
效果如图: 代码: (直接复制粘贴就可以是用了,把图片放入对应的文件夹中,代码有点乱哈O(∩_∩)O) <div id="rbslid ...
标准对联广告Js代码
[size=medium]标准对联广告Js代码用于门户网站两侧的"对联广告" [/size] <!DOCTYPE html PUBLIC "-//W3C//DTD ...
网页JS弹出广告代码，头部，右下角，网页中漂浮，对联广告代码等大全
01.借鉴:网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全02.网页头部弹出广告:03. 04.<script src="ht ...
JS实现对联广告和弹窗广告代码，可同时关闭不随屏幕滚动
JS代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8&quo ...
js 让鼠标右下角有一排小字_JavaScript浮动广告代码，容纯DIV/CSS对联漂浮广告代码，兼容性非常好的js右下角与漂浮广告代码...
基于JavaScript代码实现随机漂浮图片广告,javascript图片广告在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮 ...
JS大幅卷屏广告代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEA ...
js随机飘动的广告图片代码demo效果示例（整理）
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content=& ...

【JS】经典的对联广告代码，JS代码实现

【JS】经典的对联广告代码，JS代码实现相关推荐

最新文章

热门文章