HTMLmarquee标签实现滚动公告通知、⼴告的效果
每当实现页⾯的时候遇到动态效果，⾸先想到的就是⽤js、jQuery插件来实现，之前为了实现公告通知从下往上轮播，搜了不少插件，但是都没有合适的，⽆意中搜到⼀个html标签<marquee></marquee>，可以实现这个滚动效果。
说⼀下marquee的属性：
  behavior设定滚动的⽅式：
marquee marquee    alternate：来回滚动。
    scroll：  重复滚动。
    slide：    不重复滚动。
  bgcolor 设定活动字幕的背景颜⾊。
  direction设定活动字幕的滚动⽅向:
    up、down、left、right。
  width  设置活动字母的宽度。
  height 设置活动字母的⾼度。
  loop设定滚动的次数，当loop=-1表⽰⼀直滚动下去，默认为-1。
  scrollamount设定活动字幕的滚动速度，单位pixels。
  scrolldelay设定活动字幕滚动两次之间的延迟时间，单位millisecond（毫秒）值⼤了会有⼀步⼀停顿的效果。
marquee常⽤到的两个事件：
  onMouseOut="this.start()" 当⿏标移出该区域时
  onMouseOver="this.stop()" 当⿏标移⼊该区域时
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<marquee direction="up" behavior="scroll" scrollamount="1" onmouseover="this.stop();" onmouseout="this.start();" scrolldelay="0" loop="-1"
width="211" height="125">
我是滚动的字幕
</marquee>
</body>
</html>
转载于:wwwblogs/lxgandlz/p/5331896.html

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。