当前位置:首页 > 本站资源 > 详细内容
在网站底部添加通栏
发布时间:2009/6/3  阅读次数:2886  字体大小: 【】 【】【

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

<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="http://a.cdn.zhuolaoshi.cn/user/zk6010/disk/webimg/20081130194437113.jpg"  width=88  onload="return  imgzoom(this,550)"><IMG  style="WIDTH:  103px;  CURSOR:  pointer;  HEIGHT:  80px"  onclick=javascript:window.open(this.src);  height=60  src="http://a.cdn.zhuolaoshi.cn/user/zk6010/disk/webimg/20081130194754465.jpg"  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="http://a.cdn.zhuolaoshi.cn/user/zk6010/disk/webimg/20081130194528973.jpg"  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="http://a.cdn.zhuolaoshi.cn/user/zk6010/disk/webimg/20081130194658673.jpg"  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="http://a.cdn.zhuolaoshi.cn/user/zk6010/disk/webimg/200812113814283.jpg"  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="http://a.cdn.zhuolaoshi.cn/user/zk6010/disk/webimg/200812113858970.jpg"  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="http://a.cdn.zhuolaoshi.cn/user/zk6010/disk/webimg/200812113925393.jpg"  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="http://a.cdn.zhuolaoshi.cn/user/zk6010/disk/webimg/200812113954139.jpg"  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>  

我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[0]
    暂无已审核评论!

 版权信息©2008-2011 All Rights Reserved 
关于本站|我的web2.0|甘肃社科|技术验证
注册许可证:甘公网安备 62010502000826号

CNZZ: