欢迎来到模板无忧!织梦模板,dede模板下载,织梦cms模板,免费网站模板下载站

模板无忧

marquee元素怎么样达成滚动字体与图片的成效

企业模板

  marquee元素可以达成容易的字体(图片等)的滑动等成效:

  <styletype="text/css">

  #p01{

  width:500px;

  }

  </style>

  <scripttype="text/javascript">

  </script>

  <marqueebehavior="alertnate"><fontsize=30color='red'>www.baidu.com111</font></marquee>

  <marqueedirection=rightbgcolor='#ff2233'behavior="alertnate"><fontsize=30color='blue'>www.baidu.com222</font></marquee>

  <marqueeid="m3"direction=downbgcolor='#dbdbdb'height=50pxhspace=20pxvspace=20pxbehavior="alertnate"scrollLeft=leftonmou网站优化ver="this.sTOP()"onmou网站优化ut="this.start()"><fontsize=30color='blue'>www.baidu333.com</font></marquee>

  <marqueeid="m4"direction=upbgcolor='#00dbdb'behavior="alertnate"><fontsize=30color='blue'>www.baidu444.com</font></marquee>

  <pid="p01"><marqueedirection=rightbgcolor='#ff2233'behavior="alertnate"scrolldelay=100><fontsize=30color='blue'>www.baidu.com555</font></marquee></p>

  <inputtype="button"onclick="m3.sTOP();"value="m3.sTOP"></input>

  <inputtype="button"onclick="m3.start();"value="m3.start"></input>

  <buttononclick="m4.sTOP();">m4.sTOP</button>

  <buttononclick="m4.start();">m4.start</button>

  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表示元素到地区边界的水平距离和垂直距离,值是正整数,单位是像素。

  onmou网站优化ver=this.sTOP()onmou网站优化ut=this.start()表示当鼠标以上地区的时候滚动停止,当鼠标移开的时候又继续滚动。

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

  <inputtype="button"onclick="m3.sTOP();"value="m3.sTOP"></input>

  <inputtype="button"onclick="m3.start();"value="m3.start"></input>

  <buttononclick="m4.sTOP();">m4.sTOP</button>

  <buttononclick="m4.start();">m4.start</button>



本文转载自中文网


希望以上内容可以解决您的问题!
如有其他问题欢迎大家一起交流学习!
作者:酱油妹 来源:www.dgznd.com.cn 关注: 时间:2022-05-01 14:00
版权声明:凡注明来源为http://www.nsxcb.cn的均为本站原创,转载请注明来源。
本文网址:http://www.nsxcb.cn/HTML/HTMLjichu/20220501/14020.html
凡本站提供教程均已验证教程的准确性。
相关教程
在线客服

织梦模板 整站模板 新手教程 使用技巧