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