王克锋博客-记录生活点滴记忆

SEO优化已经不是为搜索引擎服务,而是全面转移向满足客户的需求。

js实现广告图片不停向上滚动效果

王克锋 2016-10-6 工作日志 评论 249 次

多张广告图片不停向上滚动展示特效,当用户的鼠标经过时暂停滚动,移走后继续滚动显示,结合自己的需求来修改。

<div id=link_logo style="OVERFLOW: hidden; WIDTH: 160px; HEIGHT: 235px">
  <div id=link_logo1 style="OVERFLOW: hidden">
    <table cellspacing=0 cellpadding=0 width=164 border=0>
      <tbody>
        <tr>
          <td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
            <tbody>
              <tr>
                <td align=middle><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/sina_lady_2.gif" border=0></a></td>
              </tr>
            </tbody>
          </table></td>
          <td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
            <tbody>
              <tr>
                <td align=middle><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/tomlady2_1.jpg" border=0></a></td>
              </tr>
            </tbody>
          </table></td>
        </tr>
        <tr>
          <td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
            <tbody>
              <tr>
                <td align=middle><a href="http://www.zzjs.net/" target=_blank><img alt="" src="zzjs_net_image/qqfashion_1.gif" border=0></a></td>
              </tr>
            </tbody>
          </table></td>
          <td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
            <tbody>
              <tr>
                <td align=middle><a href="http://www.zzjs.net/" target=_blank><img alt="" src="zzjs_net_image/sohuwomen_logo_1.gif" border=0></a></td>
              </tr>
            </tbody>
          </table></td>
        </tr>
        <tr>
          <td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
            <tbody>
              <tr>
                <td align=middle><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/LOGOshishang.gif" border=0></a></td>
              </tr>
            </tbody>
          </table></td>
          <td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
            <tbody>
              <tr>
                <td align=middle><a href="http://zzjs.net/" target=_blank><img alt="" src="zzjs_net_image/xinhu_1.jpg" border=0></a></td>
              </tr>
            </tbody>
          </table></td>
        </tr>
        <tr>
          <td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
            <tbody>
              <tr>
                <td align=middle><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/wuyuan_logo_1.jpg" border=0></a></td>
              </tr>
            </tbody>
          </table></td>
          <td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
            <tbody>
              <tr>
                <td align=middle><a href="http://www.zzjs.net/" target=_blank><img alt="" src="zzjs_net_image/phoenix_logo_1.gif" border=0></a></td>
              </tr>
            </tbody>
          </table></td>
        </tr>
        <tr>
          <td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
            <tbody>
              <tr>
                <td align=middle><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/zgsslogo_1.jpg" border=0></a></td>
              </tr>
            </tbody>
          </table></td>
          <td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
            <tbody>
              <tr>
                <td align=middle><a href="http://www.zzjs.net/" target=_blank><img alt="" src="zzjs_net_image/singdao_logo_1.gif" border=0></a></td>
              </tr>
            </tbody>
          </table></td>
        </tr>
        <tr>
          <td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
            <tbody>
              <tr>
                <td align=middle><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/elady8831_1_1.gif" border=0></a></td>
              </tr>
            </tbody>
          </table></td>
          <td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
            <tbody>
              <tr>
                <td align=middle><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/phoenix_logo_1.gif" border=0></a></td>
              </tr>
            </tbody>
          </table></td>
        </tr>
        <tr>
          <td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
            <tbody>
              <tr>
                <td align=middle><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/rayli_logo_1.gif" border=0></a></td>
              </tr>
            </tbody>
          </table></td>
          <td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
            <tbody>
              <tr>
                <td align=middle><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/ziwei_logo_88x31_1.gif" border=0></a></td>
              </tr>
            </tbody>
          </table></td>
        </tr>
       <tr>
         <td valign=top align=middle height=33><a href="http://zzjs.net" target=_blank><img alt="" src="zzjs_net_image/cri_logo.jpg" border=0></a></td>
          <td valign=top align=middle height=33><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/blogchina_logo_1.gif" border=0></a></td>
        </tr>
        <tr>
          <td valign=top align=middle height=33><img alt="" src="zzjs_net_image/yl(1)-(4).gif" border=0></td>
          <td valign=top align=middle height=33><a href="http://zzjs.net" target=_blank><img alt="" src="zzjs_net_image/logonvxing_1.gif" border=0></a></td>
        </tr>
        <tr>
          <td valign=top align=middle height=33><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/rayli_logo_1.gif" border=0></a></td>
          <td valign=top align=middle height=33><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/singdao_logo_1.gif" border=0></a></td>
        </tr>
        <tr>
          <td valign=top align=middle height=33><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/dadushi_1.gif" border=0></a></td>
          <td valign=top align=middle height=33><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/ered_logo_1.gif" border=0></a></td>
        </tr>
        <tr>
          <td valign=top align=middle height=33><a  href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/uusee_logo_1.gif" border=0></a></td>
          <td valign=top align=middle height=33><a href="http://zzjs.net" target=_blank><img alt="" src="zzjs_net_image/shelogo_1_1.gif" border=0></a></td>
        </tr>
        <tr>
          <td valign=top align=middle height=33><a href="http://zzjs.net" target=_blank><img alt="" src="zzjs_net_image/8831_1.gif" border=0></a></td>
          <td valign=top align=middle height=33><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/efulogo_88x31_1.gif" border=0></a></td>
        </tr>
        <tr>
          <td valign=top align=middle height=33><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/daqi_logo.gif" border=0></a></td>
          <td valign=top align=middle height=33><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/ad_logo_1.gif" border=0></a></td>
        </tr>
        <tr>
          <td valign=top align=middle height=33><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/linklogo_me6623.gif" border=0></a></td>
          <td valign=top align=middle height=33><a  href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/logo_belle_66x23.jpg"  border=0></a></td>
        </tr>
        <tr>
          <td valign=top align=middle height=33><a href="http://zzjs.net" target=_blank><img alt="" src="zzjs_net_image/ocjlogo_66x23.jpg" border=0></a></td>
          <td valign=top align=middle height=33><a href="http://zzjs.net" target=_blank><img alt="" src="zzjs_net_image/efulogo_88x31_1.gif" border=0></a></td>
        </tr>
        <tr>
          <td valign=top align=middle height=33><a href="http://www.zzjs.net" target=_blank><img alt="" src="zzjs_net_image/dianping_Logo_66_23.gif" border=0></a></td>
          <td valign=top align=middle 
            height=33></td>
        </tr>
      </tbody>
    </table>
  </div>
  <div id=link_logo2></div>
</div>
<script>
 var speed=65
  link_logo2.innerHTML=link_logo1.innerHTML
    function Marquee2(){
	  if(link_logo2.offsetTop-link_logo.scrollTop<=0)
	     link_logo.scrollTop-=link_logo1.offsetHeight
		   else{
		    link_logo.scrollTop++
			   }
			      }
				     var MyMar2=setInterval(Marquee2,speed)
					    link_logo.onmouseover=function() {clearInterval(MyMar2)}
						   link_logo.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}
</script>


Powered by wangkefeng.cn 豫ICP备16002007号-1 sitemap
Record the life 王克锋博客