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

          圖片無縫滾動代碼

          Posted on 2006-09-20 07:30 小傻 閱讀(751) 評論(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">北京博采人科技開發(fā)有限公司</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">北京華昌實業(yè)科技有限公司</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">北京華星數(shù)碼科技有限公司</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">北京聯(lián)盛匯源科貿(mào)有限公司</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">北京盛祥世紀(jì)發(fā)展有限公司</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">北京世紀(jì)佳迪辦公設(shè)備銷售中心</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">北京世紀(jì)亞鵬科技有限公司</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">北京維創(chuàng)銘網(wǎng)絡(luò)科技有限公司</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">北京喜悅創(chuàng)業(yè)科技有限公司</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">北京新義數(shù)碼科貿(mào)有限公司</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">廣州合意數(shù)碼科技公司</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">深圳京華數(shù)碼廣州經(jīng)營部</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)??? //當(dāng)滾動至demo1與demo2交界時
          ??????? demo.scrollTop-=demo1.offsetHeight??? //demo跳到最頂端
          ??? else{
          ??????? demo.scrollTop++
          ??? }
          }
          var MyMar = setInterval(Marquee,speed);??????? //設(shè)置定時器
          demo.onmouseover = function(){clearInterval(MyMar)}??? //鼠標(biāo)經(jīng)過時清除定時器達到滾動停止的目的
          demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)}??? //鼠標(biāo)移開時重設(shè)定時器
          -->
          </script>

          主站蜘蛛池模板: 民县| 阿荣旗| 光泽县| 南江县| 靖宇县| 漳平市| 郁南县| 建水县| 贞丰县| 怀柔区| 襄汾县| 平阳县| 香河县| 朝阳区| 禄劝| 玉屏| 迁安市| 独山县| 虎林市| 广南县| 福建省| 滦南县| 神木县| 巴彦淖尔市| 临夏县| 当涂县| 奉节县| 鹤山市| 平顺县| 磐石市| 长沙市| 咸宁市| 琼中| 平遥县| 塔河县| 苏尼特左旗| 怀化市| 高青县| 江源县| 察哈| 新河县|