js对联广告代码

  导语:经典的对联广告代码,JS代码实现,很简洁,也是通用的代码,随着滚动条的滚动自动适应,对联大小由CSS控制,这使得代码修改起来更加方便快捷,不懂JS也没有关系,大家可以试着做做看。

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";>

  <html xmlns=";>

  <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</p>"

  suspendcode14="<DIV id="lovexin14" style='right:2px;POSITION:absolute;TOP:120px;'>ad2</p>"

  document.write(suspendcode12);

  document.write(suspendcode14);

  window.setInterval("heartBeat",1);

  </script>

  </head>

  <body>

  <p id="mm"></p>

  </body>

  </html>

展开阅读全文

页面更新:2024-03-07

标签:对联   对联大全   代码   广告   导语   方便快捷   简洁   大小   关系   标准   经典

1 2 3 4 5

上滑加载更多 ↓
推荐阅读:
友情链接:
更多:

本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828  

© CopyRight 2008-2024 All Rights Reserved. Powered By bs178.com 闽ICP备11008920号-3
闽公网安备35020302034844号

Top