零基础建站培训介绍

当前位置:

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自己写函数代码。

上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注