hq金水

愿你是阳光,明媚不忧伤~
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

<marquee>标签----滚动效果

Posted on 2016-05-13 21:14  hq金水  阅读(261)  评论(0编辑  收藏  举报

页面的自动滚动效果,可由javascript来实现,也可以用html标签<marquee></marquee>,可以移动文字、图片、表格。

 

语法:<marquee>在标记之间添加要进行滚动的内容</marquee>

 

重要属性:

 

1.滚动方向direction(包括4个值:up、 down、 left和 right

 

  语法:<marquee direction="滚动方向">...</marquee>

 

2.滚动方式behaviorscroll:循环滚动,默认效果,缺点是不能无缝滚动; slide:只滚动一次就停止; alternate:来回交替进行滚动)

 

  语法:<marquee behavior="滚动方式">...</marquee>

 

3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)

 

  语法:<marquee scrollamount="5">...</marquee>

 

4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒)

 

  语法:<marquee scrolldelay="100">...</marquee>

 

5.滚动循环loop(默认值是-1,滚动会不断的循环下去)

 

  语法:<marquee loop="2">...</marquee>

 

6.滚动范围widthheight

 

7.滚动背景颜色bgcolor

 

8.空白空间hspacevspace