零基础建站培训介绍

当前位置:

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

上一课: 下一课:
在线
客服
手机二维码 手机二维码
返回顶部 返回顶部

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛客服李欣蓉QQ:2289556365

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛客服孙丽QQ:2399118408

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛客服刘淼淼QQ:1135082670

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛讲师张启亚QQ:2357852508

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛讲师方重华QQ:1730401718

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛讲师唐超QQ:909722045

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛讲师赵鹏QQ:614862774

或者使用微信扫码咨询

x

微信咨询

可使用微信扫下方二维码加好友咨询。

x