尊敬的客户您好,经我们多年的网站制作、网络营销经验,请建站和优化同时做,以达到最好的推广效果!----创赢网络 2012-06
加入收藏设为首页
  • [2013-8-7]洛阳贷款 洛阳小额贷款公司网站上线
  • [2013-8-4]洛阳开锁公司 洛阳开锁电话优化
  • [2013-5-25]洛阳聚鑫钢绳有限公司网站上线
  • [2013-5-20]吉利区图书馆网站备案通过上线开通
  • [2013-5-13]洛阳旭晋昇商贸有限公司 食品批发零售
  • [2013-4-14]洛阳市建投节能技术服务有限公司 新版上线
  • [2013-4-11]南阳顽石玉器工作室网站上线
  • ------专业网站设计制作、网站排名优化、建设一流品牌!
    新闻正文 ·您的位置:首页 > 新闻中心 > 技术中心 > 查看新闻

    容IE和FF的图片无缝代码分享

    作者:hi379  来源:hi379  发表时间:2009-8-13 8:26:15  点击:3225

    最近我们整理了下网站制作时常用代码,下面的图片无缝滚动JS代码兼容IE和FF,可以放在.NET的Repeater中,使用起来很方便,代码如下。

    <div id="demo" style="overflow: hidden; width:565px;height: 155px">
            <table width="565px" border="0"  cellpadding="0" >
                <tr>
                  <td id="demo1" valign="top">
                  <table border="0" align="center" cellpadding="3" cellspacing="1">
    <tr valign="top" >
    <asp:Repeater ID="rp2" runat="server" EnableViewState="False">
    <ItemTemplate>
    <td align="center">
    <div><a href="product.aspx?id=<%# Eval("id")%>"><img class="dimg" src="product/<%# Eval("picture").ToString() == "" ? "showno.gif" : Eval("picture")%>" alt="<%# Eval("name")%>"  width="150" height="120"/></a></div>
    <div><a href="product.aspx?id=<%# Eval("id")%>"><%# Eval("name")%></a></div>
        </td>
    </ItemTemplate>
    </asp:Repeater>
    </tr>
              </table>
            </td>
            <td id="demo2" valign="top"></td>
          </tr>
      </table>
    </div>
    <script type="text/javascript" src="js/gd.js"> </script>

    gd.js里面的代码如下:
    var speed=30
    var demo=document.getElementById("demo");
    var demo2=document.getElementById("demo2");
    var demo1=document.getElementById("demo1");
    demo2.innerHTML=demo1.innerHTML
    function Marquee(){
    if(demo2.offsetWidth-demo.scrollLeft<=0)
    demo.scrollLeft-=demo1.offsetWidth
    else{
    demo.scrollLeft++
    }
    }
    var MyMar=setInterval(Marquee,speed)
    demo.onmouseover=function() {clearInterval(MyMar)}
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

    以上为图片无缝滚动JS代码兼容IE和FF,默认的是左方向滚动。

    您的需求

    联系我们

    正确的选择

    金亚洲安全吗