会移动的文字 marquee标签(入门到高级)

会移动的文字 marquee标签(入门到高级)

会移动的文字(Marquee)

基本语法

<marquee> … </marquee>

<marquee> 啦啦啦,我会移动耶! </marquee>

文字移动属性的设置

方向 <direction=#> #=left, right

<marquee direction=left>啦啦啦,我从右向左移!</marquee>
<marquee direction=right>啦啦,我从左向右移!</marquee>
<marquee direction=up>啦啦啦,我从下向上移!</marquee>
<marquee direction=down>啦啦,我从上向下移!</marquee>

方式 <bihavior=#> #=scroll, slide, alternate

<marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee>
<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee>
<marquee behavior=alternate>啦啦啦,我来回走耶!</marquee>

循环 <loop=#> #=次数;若未指定则循环不止(infinite)

<marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3趟哟!</marquee> 
<marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟哟!</marquee>
<marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟哟!</marquee>

速度 <scrollamount=#>

<marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>

延时 <scrolldelay=#>

<marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

底色 <bgcolor=#>

16 进制数码,或者是下列预定义色彩:Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,Fuchsia, White, Green, Purple, Silver, Yellow, Aqua>

<marquee bgcolor=#aaaaee>啦啦啦,我会移动耶!</marquee>

面积 <height=# width=#>

<marquee height=40 width=50% bgcolor=blue>
啦啦啦,我会移动耶!
</marquee>

空白(Margins)<hspace=# vspace=#>

<marquee hspace=20 vspace=20 width=150 bgcolor=green align=middle>啦啦啦,我会移动耶!</marquee>

滚动字幕(公告栏)

Tips:You can change the code before run.

onMouseOver事件设置鼠标移动到滚动字幕时的动作,常设置为停止滚动。onMouseOut事件设置鼠标离开滚动字幕时的动作,常设置为开始滚动。

marquee的高级应用(嵌套)

Tips:You can change the code before run.

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/1150.html

(2)
江山如画的头像江山如画管理团队
CSS制作上一页 下一页 页码显示样式
上一篇 2018年7月29日 下午12:30
5个设计精美的企业网站欣赏
下一篇 2018年7月30日 下午3:49

99%的人还看了以下文章

  • 解决网页中img图片出现多余空白的方案

    网页制作中,不管是table还是DIV+CSS排版时,会遇到浏览器中的图片元素img下出现多余空白的问题,非常常见,如何解决? <table class=”w1024″ border=”0″ cellspacing=”0″ cellpadding=”0″> <tr> <td colspan=”3″> <img src…

    2020年4月16日
    10.9K0
  • 第2课:CSS的工作原理

    在这一课,你将学习如何制作自己的第一个样式表。你将了解基本的CSS模型,以及在HTML文档里使用CSS所必需的代码。

    2020年2月22日
    9.7K0
  • 第6课:超链接

    CSS允许你根据链接是未访问的、已访问的、活动的、是否有鼠标悬停等分别定义不同的属性。这样,我们便可为网站增添奇特而有用的效果。

    2020年2月22日
    2.8K0
  • 怎么让一长串英文字符自动换行?

    长串英文字符之间没有空格,整串都显示在一行,撑破了div,甚至跑到屏幕外了,如何解决? <!doctype html> <html> <head> <meta charset=”utf-8″> <title>怎么让一长串英文字符自动换行?|www.125jz.com</title> &l…

    2019年11月20日
    6.5K0
  • jquery动态新增元素节点.click点击事件失效的2个解决方法

    问题: ajax读取留言列表,每条留言后面有个回复按钮,class为“reply”,用$(“.reply”).click(function(){ //do something… }),后面通过ajax加载进来的列表中的回复按钮,点击事件会失效。 解决方法: 最简单的方法就是直接在标签中写onclick=”&#8…

    2019年2月16日
    16.5K0
  • 第11课:表格的高级特性

    表格还有哪些相关属性? colspan和rowspan这两个属性用于创建特殊的表格。colspan是“column span(跨列)”的缩写。colspan属性用在<td>标签中,用来指定单元格横向跨越的列数: 例1: <table border=”1″> <tr><td colspan=”3″>单元格1&lt…

    2018年1月19日
    7.4K0

发表回复

登录后才能评论