千家信息网

怎么用marquee元素实现滚动字体与图片的效果

发表于:2025-02-01 作者:千家信息网编辑
千家信息网最后更新 2025年02月01日,这篇文章主要介绍了怎么用marquee元素实现滚动字体与图片的效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。marquee元素可以
千家信息网最后更新 2025年02月01日怎么用marquee元素实现滚动字体与图片的效果

这篇文章主要介绍了怎么用marquee元素实现滚动字体与图片的效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

  marquee元素可以实现简单的字体(图片等)的滑动等效果:

  

  #div01{

  width:500px;

  }

  

  

  

  www.baidu.com111

  www.baidu.com222

  www.baidu333.com

  www.baidu444.com

  www.baidu.com555

  

  

  m4.stop

  m4.start

  direction表示滚动的方向,值可以是left,right,up,down,默认为left

  behavior表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)

  loop表示循环的次数,值是正整数,默认为无限循环

  scrollamount表示运动速度,值是正整数,默认为6

  scrolldelay表示停顿时间,值是正整数,默认为0,单位似乎是毫秒

  align表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle

  bgcolor表示运动区域的背景色,值是16进制的RGB颜色,默认为白色

  height、width表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100%height为标签内元素的高度

  hspace、vspace表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。

  onmouseover=this.stop()onmouseout=this.start()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。

  以下是设置点击按钮时m3、m4的滚动或停止:

  

  

  m4.stop

  m4.start


感谢你能够认真阅读完这篇文章,希望小编分享的"怎么用marquee元素实现滚动字体与图片的效果"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

0