连续滚动图片JavaScript 代码
2006-11-13 09:23
399 查看
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedBlock.gif)
<script type="text/javascript">...
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
//more javascript from http://www.smallrain.net
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write('<table align=center width=774 border=0 cellpadding=0 cellspacing=0 style=BORDER-LEFT: #cccccc 1px solid;BORDER-RIGHT: #cccccc 1px solid>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' <tr> ');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' <td width=774 height=120 align=center class=border01 bgcolor=#FFFFFF>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' <div id=demo style=overflow:hidden;width:750;align=center>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' <table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' <tr>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' <td valign=top bgcolor=ffffff id=marquePic1> ');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' <table width=90% border=0 cellspacing=0 cellpadding=0>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' <tr align=center> ');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' <td><a href="#" target="new"><img src=http://www.smallrain.net/jsimg/1.jpg width=150 height=100 hspace=2 border=0></a></td>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' <td><a href="#" target="new"><img src=http://www.smallrain.net/jsimg/2.jpg width=150 height=100 hspace=2 border=0></a></td>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' <td><a href="#" target="new"><img src=http://www.smallrain.net/jsimg/4.jpg width=150 height=100 hspace=2 border=0></a></td>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' <td><a href="#" target="new"><img src=http://www.smallrain.net/jsimg/5.jpg width=150 height=100 hspace=2 border=0></a></td>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' <td><a href="#" target="new"><img src=http://www.smallrain.net/jsimg/6.jpg width=150 height=100 hspace=2 border=0></a></td>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' </tr>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' </table>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' </td>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' <td id=marquePic2 valign=top></td>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' </tr>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' </table>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' </div>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' </td>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' </tr>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.write(' </table>');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var speed=30
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
marquePic2.innerHTML=marquePic1.innerHTML
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
function Marquee()...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
if(demo.scrollLeft>=marquePic1.scrollWidth)...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
demo.scrollLeft=0
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
}else...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
demo.scrollLeft++
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var MyMar=setInterval(Marquee,speed)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
demo.onmouseover=function() ...{clearInterval(MyMar)}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
demo.onmouseout=function() ...{MyMar=setInterval(Marquee,speed)}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockEnd.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</script>
相关文章推荐
- 图片连续上下滚动代码JavaScript
- 由于自己的需要搜集的一些关于 “ javascript实现图片的不间断连续滚动” 的代码
- 由于自己的需要搜集的一些关于 “ javascript实现图片的不间断连续滚动” 的代码
- div+css布局的图片连续滚动js实现代码
- JavaScript不间断连续图片滚动效果
- 图片无缝滚动代码(DIV+CSS+JavaScript)
- 上下左右连续滚动图片的JS代码
- 上下左右连续滚动图片的JS代码
- 网页中图片连续滚动代码 (转)
- 图片连续循环滚动代码(向上、下、左、右)
- 连续滚动javascript(js)代码
- jQuery滚动图片特效,jQuery无缝(不连续)滚动图片代码
- 上下左右无空隙不间断图片连续滚动代码
- 连续滚动图片代码
- JavaScript实现图片的不间断连续滚动
- Javascript的图片滚动浏览效果代码
- 图片连续循环滚动代码(向上、下、左、右)
- div+css布局的图片连续滚动js实现代码
- --连续不间断横向滚动图片代码--
- 上下左右无空隙不间断图片连续滚动代码