Dzwebs.Net

撰写电脑技术杂文十余年

轮番播放的广告源代码—javascript+Div实现

Admin | 2008-1-27 12:06:35 | 被阅次数 | 9003

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

<div id="good" style="width:468px">
广告代码1<br />
广告代码2<br />
</div>

<script type=text/javascript>
marqueesHeight=60; //广告牌高度
stopscroll=false;
with(good){
          style.width=0;
          style.height=marqueesHeight;
          style.overflowX="visible";
          style.overflowY="hidden";
          noWrap=true;
          onmouseover=new Function("stopscroll=true");
          onmouseout=new Function("stopscroll=false");
  }
  preTop=0; currentTop=marqueesHeight; stoptime=0;
  good.innerHTML+=good.innerHTML;
 

function init_srolltext(){
  good.scrollTop=0;
  setInterval("scrollUp()",1);
}init_srolltext();

function scrollUp(){
  if(stopscroll==true) return;
  currentTop+=1;
  if(currentTop==marqueesHeight+1)
  {
          stoptime+=1;
          currentTop-=1;
          if(stoptime == 300)  // 控制停留时间 100=1秒
          {
                  currentTop=0;
                  stoptime=0;                 
          }
  }
  else {         
          preTop=good.scrollTop;
          good.scrollTop+=1;
          if(preTop==good.scrollTop){
            good.scrollTop=marqueesHeight;
            good.scrollTop+=1;
           
          }
  }

}
init_srolltext();
</script>

 


该杂文来自: 网页制作杂文

上一篇:如何调用IE菜单“工具”中的internet选项

下一篇:自定义网页弹出窗口—网页弹出窗口示例及详细说明

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计