HTML DOM innerHTML 属性及实现图片连续播放
定义和用法
innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
语法
tablerowObject.innerHTML=HTML
实例
下面的例子返回了表格行的 inner HTML:
<html> <head> <script type="text/javascript"> function getInnerHTML() { alert(document.getElementById("tr1").innerHTML); } </script> </head> <body> <table border="1"> <tr id="tr1"> <th>Firstname</th> <th>Lastname</th> </tr> <tr id="tr2"> <td>Peter</td> <td>Griffin</td> </tr> </table> <br /> <input type="button" onclick="getInnerHTML()" value="Alert innerHTML of table row" /> </body> </html>
使用innerHTML 来实现图片的连续播放
1 <script type=text/javascript> 2 var speed=30 3 marquePic2.innerHTML=marquePic1.innerHTML 4 function Marquee(){ 5 if(demo.scrollLeft>=marquePic1.scrollWidth){ 6 demo.scrollLeft=0 7 } 8 else{ 9 demo.scrollLeft++ 10 }} 11 var MyMar=setInterval(Marquee,speed) 12 demo.onmouseover=function() {clearInterval(MyMar)} 13 demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 14 </script>
1 <div id=demo style="OVERFLOW: hidden; WIDTH: 760px; align: center"> 2 <table cellspacing="0" cellpadding="0" align="center" 3 border="0"> 4 <tbody> 5 <tr> 6 <td id="marquePic1" valign="top"> 7 8 <table width="958" height="130" border="0" cellpadding="0" cellspacing="0"> 9 <tr> 10 <td width="95" height="110" align="center">1</td> 11 <td width="95" align="center">2</td> 12 <td width="95" align="center">3</td> 13 <td width="95" align="center">4</td> 14 <td width="95" align="center">5</td> 15 <td width="95" align="center">6</td> 16 <td width="95" align="center">7</td> 17 <td width="95" align="center">8</td> 18 <td width="95" align="center">9</td> 19 <td width="103" align="center">0</td> 20 </tr> 21 <tr> 22 <td height="20" align="center" bgcolor="#CCCCCC"> </td> 23 <td align="center"> </td> 24 <td align="center"> </td> 25 <td align="center"> </td> 26 <td align="center"> </td> 27 <td align="center"> </td> 28 <td align="center"> </td> 29 <td align="center"> </td> 30 <td align="center"> </td> 31 <td align="center" bgcolor="#FFFF99"> </td> 32 </tr> 33 </table> 34 35 </td> 36 <td id="marquePic2" valign="top"></td> 37 </tr> 38 </tbody> 39 </table> 40 </div>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。