经典的对联广告代码,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代码实现相关推荐

  1. 蓝色经典的对联广告代码

    <html> <head> <title>蓝色经典的对联广告代码</title> <meta http-equiv="Content-T ...

  2. JS常用脚本+html代码大全+对联广告代码效果大全

    JS常用脚本 1. on_contextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border on_co ...

  3. 对联广告关闭挖扭的制作

    去过新浪或者搜狐吗?虽然我们都不愿意看广告,但是它们做广告的技术我们却应该学到手,这不,又一种很流行的做法儿,做成那种两边对称的对联式的广告,而最醒目的地方还有一个关闭的小按扭,如图: 这是不是比弹出 ...

  4. css实现网页对联广告

    效果如图: 代码: (直接复制粘贴就可以是用了,把图片放入对应的文件夹中,代码有点乱哈O(∩_∩)O) <!---抢红包---start--><div id="rbslid ...

  5. 标准对联广告Js代码

    [size=medium]标准对联广告Js代码 用于门户网站两侧的"对联广告" [/size] <!DOCTYPE html PUBLIC "-//W3C//DTD ...

  6. 网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全

    01.借鉴:网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全02.网页头部弹出广告:03.<!--首页头部广告--> 04.<script src="ht ...

  7. JS实现对联广告和弹窗广告代码,可同时关闭不随屏幕滚动

    JS代码如下: <!DOCTYPE html> <html>     <head>         <meta charset="UTF-8&quo ...

  8. js 让鼠标右下角有一排小字_JavaScript浮动广告代码,容纯DIV/CSS对联漂浮广告代码,兼容性非常好的js右下角与漂浮广告代码...

    基于JavaScript代码实现随机漂浮图片广告,javascript图片广告 在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮 ...

  9. JS大幅卷屏广告代码

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML>  <HEA ...

  10. js随机飘动的广告图片代码demo效果示例(整理)

    <!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content=& ...

最新文章

  1. 3天,我把MySQL索引、锁、事务、分库分表撸干净了!
  2. Comparative assessment of long-read error-correction software applied to RNA-sequencing data
  3. 谷歌无人车离奇车祸曝光:人类安全员睡着后,误触关闭了自动驾驶
  4. mysql存储数据,varchar类型中的数据变成了科学计数法?
  5. [转] Firefox 24.0中的插件激活提示
  6. Android中使用DOM解析xml时出现org.xml.sax.SAXParseException: Unexpected token
  7. 打印 指定目录下和子目录下的的所有.java文件的路径. (使用FileFilter过滤器)
  8. 计算机网络实验(华为eNSP模拟器)——第九章 配置多个虚拟局域网(vlan)
  9. visio wps 流程图_科研必备:几款好用的流程图工具,助力你的论文/科研绘图
  10. C#异步批量下载文件
  11. leetcode 1202. 交换字符串中的元素(并查集)
  12. JavaScript的调用栈、回调队列和事件循环
  13. 直播将是所有企业必须做的
  14. 树莓派:树莓派的各个引脚
  15. webqq机器人java_机器人之一步一步来做WebQQ机器人-(三)(登录QQ并保持在线)
  16. java角色权限设计
  17. 上海,夜访大一女生宿舍,满足。
  18. 北京火车订票电话一览
  19. 纯CSS实现正方体旋转效果
  20. 笔记本电脑无法连接自己家的网络

热门文章

  1. abb机器人编程指令写字_ABB机器人编程基本知识汇总
  2. 互联网行业数据安全建设实践方案
  3. ubantu安装搜狗常见问题
  4. 使用com.alibaba.druid.filter.config.ConfigTools进行加密和解密工具类
  5. win10隐藏任务栏_推荐我使用的一个任务栏软件:7+ Taskbar Tweaker
  6. 秒杀系统的设计思维导图
  7. BAT三巨头谁最先进五百强?
  8. 最新最全物联网行业报告: IOT时代已经到来
  9. 【解决方案】完全修改Windows用户名
  10. Android常用对话框大全——Dialog