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

夏季雨的真情告白

请 大 家 多 多 支 持 我 , 谢 谢 !

 
 
 

日志

 
 
关于我

我不想长大。真的不想、 感觉好烦哦、 我要踏入社会了,真不知道自己有没有那个能力让我在社会上立足啊。 我要出去闯闯, 必须的

网易考拉推荐

滚动广告代码  

2010-12-14 18:41:19|  分类: 代码学习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自神秘空间《滚动广告代码》

 

 

 横向滚动图片+文字的代码  
 

<CENTER>
  <TABLE
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid"cellSpacing=0 cellPadding=0 width=750 align=center border=0>
  <TBODY>
  <TR>
    <TD>
      <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
      <table cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
        <tbody
>
        <tr>
          <td id=demo1 vAlign=top><table width="1710" height="116"  border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td width="171" background="图1地址"><div align="center">1</div></td>
              <td width="171" background="图2地址"><div align="center">2</div></td>
              <td width="171" background="图3地址"><div align="center">3</div></td>
              <td width="171" background="图4地址"><div align="center">4</div></td>
              <td width="171" background="图5地址"><div align="center">5</div></td>
              <td width="171" background="图6地址"><div align="center">6</div></td>
              <td width="171" background="图7地址"><div align="center">7</div></td>
              <td width="171" background="图8地址"><div align="center">8</div></td>
              <td width="171" background="图9地址"><div align="center">9</div></td>
              <td width="171" background="图10地址">
<div align="center">10</div></td>
            </tr>
          </table></td>
          <td id=demo2 vAlign=top> </td></tr></tbody></table></DIV>
<SCRIPT>
var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
    </TD></TR></TBODY></TABLE></CENTER>

 
效果演示          说明:以上连接如在一个网站可为相对地址,否则用绝对地址。 

 

 

 横向滚动图片+连接的代码  

<CENTER>
  <TABLE
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid"cellSpacing=0 cellPadding=0 width=720 align=center border=0>
  <TBODY>
  <TR>
    <TD>
      <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
      <table cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
        <tbody>
        <tr>
          <td id=demo1 vAlign=top><table width="1800" border="0" cellpadding="0" cellspacing="0">
            <tr>
<td><A href="http://xuhui-8491.blog.163.com/"target=_blank><img src="http://i3.6.cn/cvbnm/0f/16/f2/90a0f0dd305a7ae44b94ec9905bb5ec8.jpg"width="180" height="120"border=0></A></td>
<td><A href="http://xuhui8491.56.com/"target=_blank><img src="http://i3.6.cn/cvbnm/ec/d8/0f/5dc36af7346efb54f945b617896b53c0.jpg"width="180" height="120"border=0></A></td>
<td><A href="http://xuhui-8491.blog.163.com/blog/static/80745891200951823056968/"target=_blank><img src="http://i3.6.cn/cvbnm/af/9b/2a/0a995c87bdf59b19bc611d79c110e5d4.jpg"width="180" height="120"border=0></A></td>
<td><A href="http://xuhui-8491.blog.163.com/blog/static/8074589120095302751134/"target=_blank><img src="http://i3.6.cn/cvbnm/c5/ee/77/9f900eef37c8781dbb8f330dbf2f30f0.jpg"width="180" height="120"border=0></A></td>
<td><A href="http://xuhui-8491.blog.163.com/blog/static/8074589120095214529411/"target=_blank><img src="http://i3.6.cn/cvbnm/52/a2/80/2a8c2028bd4f092d1c2eba3444f5e924.jpg"width="180" height="120"border=0></A></td>
<td><A href="网址6"target=_blank><img src="http://i3.6.cn/cvbnm/6f/36/9f/1f3896ac04320f4f6dd38b25061942c8.jpg"width="180" height="120"border=0></A></td>
<td><A href="网址7"target=_blank><img src="http://i3.6.cn/cvbnm/e6/65/91/5b07e4668aa1b4d2a2bc41233305f511.jpg"width="180" height="120"border=0></A></td>
<td><A href="网址8"target=_blank><img src="http://i3.6.cn/cvbnm/cd/6d/f9/740cc111412ac6cbe85cd2033fbf8650.jpg"width="180" height="120"border=0></A></td>
<td><A href="网址9"target=_blank><img src="http://i3.6.cn/cvbnm/f0/35/c8/98c1dbdf079f2d967cfea90365e769a8.jpg"width="180" height="120"border=0></A></td>
<td><A href="网址10"target=_blank><img src="http://i3.6.cn/cvbnm/e4/62/0d/5df6bd0c6f748505d9d8797a731fde82.jpg"width="180" height="120"border=0></A></td>
            </tr>
          </table></td>
          <td id=demo2 vAlign=top> </td></tr></tbody></table></DIV>
<SCRIPT>
var speed3=15 //速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
    </TD></TR></TBODY></TABLE></CENTER>

 

如要看到显示效果,请将代码复制粘贴到“运行代码框”上测试,即可!

 

 

横向滚动图片+翻转的代码  

<CENTER>
  <TABLE
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid"cellSpacing=0 cellPadding=0 width=500 align=center border=0>
  <TBODY>
  <TR>
    <TD>
      <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
      <table cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
        <tbody>
        <tr>
          <td id=demo1 vAlign=top><table width="600" border="0" cellpadding="0" cellspacing="0">
            <tr>
<td><img src="http://img2.pict.com/b3/e2/0e/3036352/0/87.gif"width="300"height="200"></td>
<td><img style="FILTER:FlipH"src="http://img2.pict.com/b3/e2/0e/3036352/0/87.gif"width="300" height="200"></td>
            </tr>
          </table></td>
          <td id=demo2 vAlign=top> </td></tr></tbody></table></DIV>
<SCRIPT>
var speed3=15//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
    </TD></TR></TBODY></TABLE></CENTER>

 

 如要看到显示效果,请将代码复制粘贴到“运行代码框”上测试,即可!

 

 

 

  评论这张
 
阅读(127)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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