📄 viewmarqueepicture.htm

📁 1.支持文章

💻 HTM

字号:

<HTML>
<HEAD>
<TITLE>连续图片滚动效果预览</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>
BODY {padding:5px}
TD {
	font-size: 9pt;
}
</STYLE>
</HEAD>
<BODY  leftmargin="0" topmargin="0">
<br>
<div align="center">
  <table width="100%" border="0" cellpadding="2" cellspacing="0">
    <tr> 
      <td> <FIELDSET align=left>
        <LEGEND align=left>预览
</LEGEND>
        <table width="100%" border="0" align="center" cellpadding="2" cellspacing="0">
          <tr> 
            <td colspan="2" align="center">
			<div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left 

cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="images/1.jpg" width="130" height="90">&nbsp;<img src="images/2.jpg"  width="130" height="90">&nbsp;<img src="images/3.jpg"  width="130" height="90"></td><td id=demo2 valign=top></td></tr></table></div> 
            <script> 
var speed=30 
demo2.innerHTML=demo1.innerHTML 
function Marquee(){ 
if(demo2.offsetWidth-demo.scrollLeft<=0) 
demo.scrollLeft-=demo1.offsetWidth 
else{ 
demo.scrollLeft++ 
} 
} 
var MyMar=setInterval(Marquee,speed) 
demo.onmouseover=function() {clearInterval(MyMar)} 
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
</script></td>
          </tr>
        </table>
        </FIELDSET></td>
    </tr>
  </table>
  <font size="2"></font></div>
</BODY></HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -