滚动效果--marquee的使用分析

你猜 阅读:266 2019-11-29 08:55:13 评论:0

1. <marquee></marquee>标签,默认从最右侧往左滚动;

2. marquee 支持的属性

   (1)behavior设置滚动方式:

<marquee behavior="alternate">我是来回滚动</marquee>
<marquee behavior="scroll">我是重复滚动</marquee>
<marquee behavior="slide">我是不重复滚动</marquee>

    (2)direction设置滚动方向:

 <marquee direction="up">我是向上滚动</marquee>
<marquee direction="down">我是向下滚动</marquee>
<marquee direction="left">我是向左滚动</marquee>
<marquee direction="right">我是向右滚动</marquee>

    (4)设置滚动次数:

<marquee loop="-1">我会一直滚动</marquee>
<marquee loop="2">我只滚动2次</marquee>

    (5).marquee 常用的事件:

<marquee onMouseOut="this.start()" >鼠标移出时滚动</marquee>

<marquee  onMouseOver="this.stop()">鼠标移入时停止滚动</marquee>

<!DOCTYPE html> 
<html> 
  <head> 
    <title>MyHtml.html</title> 
  </head> 
  <body> 
    <marquee onMouseOut="this.start()" onMouseOver="this.stop()" ><font size=3 color=red>Hello, World,CSS</font></marquee> 
  </body> 
</html>

 

标签:CSS
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
排行榜
关注我们

扫一扫关注我们,了解最新精彩内容