原生态javascript不间断向左滚动代码
2013-05-21 00:00
295 查看
<div id=demo style="overflow:hidden;width:750;" align=center>
<table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >
<tr>
<td valign=top bgcolor=ffffff id=marquePic1>
<table width='100%' border='0' cellspacing='0'>
<tr>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>01</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>02</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>03</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>04</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>05</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>06</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>07</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>08</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>09</a></td>
</tr>
</table>
</td>
<td id=marquePic2 valign=top></td>
</tr>
</table>
</div>
<script type="text/javascript">
var speed=50
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >
<tr>
<td valign=top bgcolor=ffffff id=marquePic1>
<table width='100%' border='0' cellspacing='0'>
<tr>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>01</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>02</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>03</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>04</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>05</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>06</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>07</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>08</a></td>
<td align=center><a href='#'><img src="
http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width=120 height=80 border=0><br><br>09</a></td>
</tr>
</table>
</td>
<td id=marquePic2 valign=top></td>
</tr>
</table>
</div>
<script type="text/javascript">
var speed=50
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
相关文章推荐
- 由于自己的需要搜集的一些关于 “ javascript实现图片的不间断连续滚动” 的代码
- 由于自己的需要搜集的一些关于 “ javascript实现图片的不间断连续滚动” 的代码
- 创建符合web标准的javascript横向不间断滚动文字代码
- 网页中实现文字或图片向上不间断滚动的javascript代码
- Javascript实现图片不间断滚动的代码
- Javascript实现图片不间断滚动的代码
- 文字不间断向左滚动的网页特效代码
- javascript 三组文字间隙滚动实例代码
- 文字不间断向上滚动--javascript+div+ul+li
- 上下左右无空隙不间断图片连续滚动代码
- 利用JavaScript实现新闻滚动效果(实例代码)
- JavaScript实现图片的不间断连续滚动
- 横向不间断的文字滚动javascript
- 文字不间断滚动(上下左右)实例代码
- JS图片不间断滚动代码
- Javascript:通用不间断滚动&省、市、地区联动选择JS封装类
- Javascript实现DIV滚动自动滚动到底部的代码
- 连续不间断横向滚动图片代码
- Javascript实现滚动图片新闻的实例代码
- javascript图片和文字不间断滚动显示