注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

一剪梅的博客

一剪寒梅,傲立雪中!爱我所爱,无怨无悔!

 
 
 

日志

 
 

在网站底部添加通栏广告条方法  

2009-04-07 14:08:18|  分类: 电脑技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
爱迪个人网站的通栏广告只能添加在首页或整站上部的导航拦下,这就限制了用户对通栏广告的灵活布局。无论是单分栏、两分栏或三分栏布局模式中,大多数用户不愿将通栏广告放置在网站的上部。那么如何在网站的底部创建一个通栏广告框呢?本站主采取的方法是在主页的“版权信息”栏中添加一组通栏广告代码,将其布置在版权信息的上边,灵活解决了通栏广告布局的限制。为了解决静态通栏广告无法容纳更多广告图标的问题,可以采用超链接图片连续滚屏的方法予以可以,无论多少广告图标或友情连接都可以容纳。实现代码代码如下:

<DIV id=demo style="OVERFLOW: hidden; WIDTH: 670px; COLOR: #ffffff; HEIGHT: 81px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD id=demo1 vAlign=top align=middle>
<TABLE cellSpacing=0 cellPadding=1 border=0>
<TBODY>
<TR align=middle>
<TD></TD>
<TD><IMG style="WIDTH: 106px; CURSOR: pointer; HEIGHT: 82px" onclick=javascript:window.open(this.src); height=63 //注释:在下面的src=后面输入上传到本站图片文件夹的所选图片的绝对路径。
src="本站图片地址" width=88 onload="return imgzoom(this,550)"><IMG style="WIDTH: 103px; CURSOR: pointer; HEIGHT: 80px" onclick=javascript:window.open(this.src); height=60 src="本站广告图片地址" width=88 onload="return imgzoom(this,550)"></TD>
<TD><IMG style="WIDTH: 100px; CURSOR: pointer; HEIGHT: 80px" onclick=javascript:window.open(this.src); height=60 src="本站广告图片地址" width=88 onload="return imgzoom(this,550)"></TD>
<TD><IMG style="WIDTH: 104px; CURSOR: pointer; HEIGHT: 80px" onclick=javascript:window.open(this.src); height=60 src="本站广告图片地址" width=88 onload="return imgzoom(this,550)"></TD>
<TD><IMG style="WIDTH: 108px; CURSOR: pointer; HEIGHT: 82px" onclick=javascript:window.open(this.src); height=74 src="本站广告图片地址" width=88 onload="return imgzoom(this,550)"></TD>
<TD><IMG style="WIDTH: 101px; CURSOR: pointer; HEIGHT: 80px" onclick=javascript:window.open(this.src); height=60 src="本站广告图片地址" width=88 onload="return imgzoom(this,550)"></TD>
<TD><IMG style="WIDTH: 108px; CURSOR: pointer; HEIGHT: 80px" onclick=javascript:window.open(this.src); height=60 src="本站广告图片地址" width=88 onload="return imgzoom(this,550)"></TD>
<TD><IMG style="WIDTH: 109px; CURSOR: pointer; HEIGHT: 74px" onclick=javascript:window.open(this.src); height=60 src="本站广告图片地址" width=88 onload="return imgzoom(this,550)"></TD></TR></TBODY></TABLE></TD>
<TD id=demo2 vAlign=top>
<TABLE cellSpacing=0 cellPadding=1 border=0>
<TBODY>
<TR align=middle>
<TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<SCRIPT> 
  var speed=2//速度数值越大速度越慢 
  demo2.innerHTML=demo1.innerHTML 
  function Marquee(){ 
  if(demo.scrollLeft<=0) 
  demo.scrollLeft+=demo2.offsetWidth 
  else{ 
  demo.scrollLeft-- 
  } 
  } 
  var MyMar=setInterval(Marquee,speed) 
  demo.onmouseover=function() {clearInterval(MyMar)} 
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
  </SCRIPT> 
</div></div
  评论这张
 
阅读(547)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018