我创建了一个以图像为元素的选框。
代码是
<marquee behavior="scroll" direction="left" scrollamount="30" class="image-marquee" >
<img src="images/cbr.png" alt="cbr-bike" name="CBR BIKE" style="float:left;" title="CBR BIKE" border="0" onmouseover="this.parentNode.stop()" onmouseout="this.parentNode.start()" />
<img src="images/blank.png" alt="aviator" name="blank" style="float:left; cursor:default;"border="0" />
<img src="images/aviator_.png" alt="cbr-bike" name="AVIATOR" style="float:left;" title="AVIATOR" border="0" onmouseover="this.parentNode.stop()" onmouseout="this.parentNode.start()" />
<img src="images/blank.png" alt="aviator" name="blank" style="float:left; cursor:default;"border="0" />
<img src="images/cbr.png" alt="cbr-bike" name="CBR BIKE" style="float:left;" title="CBR BIKE" border="0" onmouseover="this.parentNode.stop()" onmouseout="this.parentNode.start()" />
<img src="images/blank.png" alt="aviator" name="blank" style="float:left; cursor:default;"border="0" />
<img src="images/aviator_.png" alt="cbr-bike" name="AVIATOR" style="float:left;" title="AVIATOR" border="0" onmouseover="this.parentNode.stop()" onmouseout="this.parentNode.start()" />
<img src="images/blank.png" alt="aviator" name="blank" style="float:left; cursor:default;"border="0" />
</marquee>
CSS
.image-marquee{ }
.image-marquee img{margin-top:70px;cursor:pointer; }
是否可以在每张图像幻灯片后停止选取框,并在一段时间后它应该向前运行到下一张图像?