posts - 23, comments - 6, trackbacks - 0, articles - 0
            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

          圖片無縫滾動代碼

          Posted on 2006-09-20 07:30 小傻 閱讀(750) 評論(0)  編輯  收藏 所屬分類: html&javascript

          <html>
          <head>
          <style type="text/css">
          .contents {
          ?font-family: "宋體", Arial;
          ?font-size: 12px;
          ?color: #333333;
          ?line-height: 18px;
          ?text-decoration: none;
          }
          a.contents:link {
          ?font-family: "宋體", Arial;
          ?color: #333333;
          ?font-size: 12px;
          ?line-height: 18px;
          ?text-decoration: none;
          }
          a.contents:hover {
          ?font-family: "宋體",Arial;
          ?color: #333333;
          ?font-size: 12px;
          ?line-height: 18px;
          ?text-decoration: underline;
          }
          .tbl {table-layout:fixed}
          .td {overflow:hidden;}
          </style>
          </head>
          <div align="center" id="demo" style="overflow:hidden;height:200px;width:180px;border-width:0px 0px 0px 0px;border-style:dotted dotted dotted dotted;">
          <div align=center id="demo1">
          <table width="90%"? class="tbl"? border="0" cellspacing="0" cellpadding="0" align="center">
          ??? <tr>
          ????? <td valign="top" width="4%"><img src="/images/19.gif" width="7" height="7"></td>
          ????? <td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=253" class="contents">北京博采人科技開發有限公司</a></div></td>
          ??? </tr>
          ??? <tr>
          ????? <td valign="top" width="4%"><img src="/images/19.gif" width="7" height="7"></td>
          ????? <td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=140" class="contents">北京華昌實業科技有限公司</a></div></td>
          ??? </tr>
          ??? <tr>
          ????? <td valign="top" width="4%"><img src="/images/19.gif" width="7" height="7"></td>
          ????? <td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=238" class="contents">北京華星數碼科技有限公司</a></div></td>
          ??? </tr>
          ??? <tr>
          ????? <td valign="top" width="4%"><img src="/images/19.gif" width="7" height="7"></td>
          ????? <td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=883" class="contents">北京聯盛匯源科貿有限公司</a></div></td>
          ??? </tr>
          ??? <tr>
          ????? <td valign="top" width="4%"><img src="/images/19.gif" width="7" height="7"></td>
          ????? <td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=885" class="contents">北京盛祥世紀發展有限公司</a></div></td>
          ??? </tr>
          ??? <tr>
          ????? <td valign="top" width="4%"><img src="/images/19.gif" width="7" height="7"></td>
          ????? <td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=147" class="contents">北京世紀佳迪辦公設備銷售中心</a></div></td>
          ??? </tr>
          ??? <tr>
          ????? <td valign="top" width="4%"><img src="/images/19.gif" width="7" height="7"></td>
          ????? <td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=239" class="contents">北京世紀亞鵬科技有限公司</a></div></td>
          ??? </tr>
          ??? <tr>
          ????? <td valign="top" width="4%"><img src="/images/19.gif" width="7" height="7"></td>
          ????? <td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=909" class="contents">北京索安視訊科技有限公司</a></div></td>
          ??? </tr>
          ??? <tr>
          ????? <td valign="top" width="4%"><img src="/images/19.gif" width="7" height="7"></td>
          ????? <td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=872" class="contents">北京維創銘網絡科技有限公司</a></div></td>
          ??? </tr>
          ??? <tr>
          ????? <td valign="top" width="4%"><img src="/images/19.gif" width="7" height="7"></td>
          ????? <td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=379" class="contents">北京喜悅創業科技有限公司</a></div></td>
          ??? </tr>
          ??? <tr>
          ????? <td valign="top" width="4%"><img src="/images/19.gif" width="7" height="7"></td>
          ????? <td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=440" class="contents">北京新義數碼科貿有限公司</a></div></td>
          ??? </tr>
          ??? <tr>
          ????? <td valign="top" width="4%"><img src="/images/19.gif" width="7" height="7"></td>
          ????? <td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=866" class="contents">北京禹宏工程咨詢中心</a></div></td>
          ??? </tr>
          ??? <tr>
          ????? <td valign="top" width="4%"><img src="/images/19.gif" width="7" height="7"></td>
          ????? <td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=887" class="contents">廣州合意數碼科技公司</a></div></td>
          ??? </tr>
          ??? <tr>
          ????? <td valign="top" width="4%"><img src="/images/19.gif" width="7" height="7"></td>
          ????? <td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=809" class="contents">美譽在線國際文化傳媒(北京)有限公司</a></div></td>
          ??? </tr>
          ??? <tr>
          ????? <td valign="top" width="4%"><img src="/images/19.gif" width="7" height="7"></td>
          ????? <td width="96%" class="td" nowrap><div><a target="_blank" href="/detail/huangyeDetail.jsp?cid=1054" class="contents">深圳京華數碼廣州經營部</a></div></td>
          ??? </tr>
          </table>
          </div>
          ??? <div align="center" id="demo2"></div>
          </div>
          </html>

          <script language="javascript" type="text/javascript">
          <!--
          var demo = document.getElementById("demo");
          var demo1 = document.getElementById("demo1");
          var demo2 = document.getElementById("demo2");
          var speed=50;??? //滾動速度值,值越大速度越慢
          demo2.innerHTML = demo1.innerHTML??? //克隆demo2為demo1
          function Marquee(){
          ??? if(demo2.offsetTop-demo.scrollTop<=0)??? //當滾動至demo1與demo2交界時
          ??????? demo.scrollTop-=demo1.offsetHeight??? //demo跳到最頂端
          ??? else{
          ??????? demo.scrollTop++
          ??? }
          }
          var MyMar = setInterval(Marquee,speed);??????? //設置定時器
          demo.onmouseover = function(){clearInterval(MyMar)}??? //鼠標經過時清除定時器達到滾動停止的目的
          demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)}??? //鼠標移開時重設定時器
          -->
          </script>

          主站蜘蛛池模板: 高尔夫| 那坡县| 疏勒县| 新晃| 大方县| 浙江省| 浠水县| 安庆市| 平塘县| 赤壁市| 含山县| 张家港市| 松阳县| 长泰县| 根河市| 广南县| 绥棱县| 银川市| 萍乡市| 盈江县| 兴化市| 乐业县| 新沂市| 陆良县| 繁峙县| 东阳市| 德保县| 富民县| 民丰县| 临潭县| 吉林省| 新巴尔虎右旗| 英吉沙县| 扬州市| 德惠市| 乌鲁木齐县| 凤城市| 巴彦淖尔市| 兴化市| 临城县| 万州区|