会移动的文字 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)
江山如画的头像江山如画管理团队
上一篇 2018年7月29日 下午12:30
下一篇 2018年7月30日 下午3:49

99%的人还看了以下文章

  • jquery实现全选、反选、取消全选功能代码

    管理系统后台,商品管理、信息管理等,需要删除,为方便操作应该提供全选、反选、取消全选功能。 今天中文网页设计分享jquery实现全选、反选、取消全选功能代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; chars…

    2018年10月17日
    5.0K0
  • 如何制作图片按钮,并为图片按钮添加提交表单和重置表单功能

    网页中有表单,表单的默认按钮样式不是很好看,很多人为了美观使用图片做按钮。 今天中国网页设计给大家分享在网页制作中怎么制作图片按钮,并为图片按钮添加提交表单和重置表单功能。 一、图片按钮的制作方法 1、<input type=”image” /> 定义图像形式的提交按钮。 <input type=”image” sr…

    2018年9月30日
    5.1K0
  • 第6课:超链接

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

    2020年2月22日
    2.3K0
  • 3种纯CSS/jquery实现的表格隔行变色,鼠标悬停:hover变色效果

    表格隔行显示不同背景颜色,表格奇数行和偶数行交替显示不同的背景颜色。 一、纯CSS3实现表格隔行变色 关键CSS代码介绍 table tr:nth-child(odd){background:#F4F4F4;} table td:nth-child(even){color:#C00;} table tr:nth-child(5){background:#73…

    2018年9月5日
    4.6K0
  • 第1课:开始学习HTML

    建议你每天学习2到3课,然后花点时间来实验你所学到的新知识。 学习制作网站是件充满乐趣的事,而且一旦掌握它,你便会感到无比满足。好的,不多说,我们现在就开始吧! 这第一课中,我们简要介绍制作网站所需的工具。 需要哪些工具? “浏览器(browser)”你有了,它是用于浏览网站的程序。你现在就是通过浏览器在观看本页面的。 也许你听说过、甚至用过一些网页制作工具…

    2018年1月20日
    4.8K0
  • CSS常用类/ID命名规范

    书写规范请查看《CSS语法及命名规范(入门)》,本文介绍常用类/ID命名规范,CSS文件命名规范,如页面主体:main 内容:content 标签页:tab  章列表:list 信息:msg   标题:title   热点:hot 新闻:news注册:regsiter 合作伙伴:partner 友情链接:friendlink 页脚:footer 版权:cop…

    2019年3月14日
    5.2K0

发表回复

登录后才能评论