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>