html marquee标签实现图片水平和垂直滚动
html中marquee标签让图片水平滚动可以如下写法:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="3" direction="left">
<img src="1.jpg" alt="图片1"/>
<img src="2.jpg" alt="图片2"/>
<img src="3.jpg" alt="图片3"/>
<img src="4.jpg" alt="图片4"/>
</marquee>
html中marquee标签让图片垂直滚动可以如下写法:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="3" direction="up">
<img src="1.jpg" alt="图片1"/>
<img src="2.jpg" alt="图片2"/>
<img src="3.jpg" alt="图片3"/>
<img src="4.jpg" alt="图片4"/>
</marquee>
代码解释:
- 其中 direction="up" 这个是垂直滚动; (还有个down)
- direction="left"这个是水平滚动(还有个right)
- onmouseover="this.stop()" onmouseout="this.start()"是控制鼠标悬停效果。
marquee标签是特别容易做滚动的一种方法。当然还有实战的做法就是利用jq或者js自己写函数代码。