• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 舞动你的文字 巧用html中marquee属性

舞动你的文字 巧用html中marquee属性

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含marquee等相关知识,佚名 希望在学习及工作中可以帮助到您
语法:<marquee> …</marquee>

  使用移动属性marquee,不仅仅可以舞动你的文字,还可以应用于图片,表格等等。

  <marquee direction=left>欢迎光临科讯青年学习频道!</marquee>

  direction=left,表示方向。上面文字效果是“欢迎光临科讯青年学习频道!”从右向左移动!另外,方向还有right,up,down。

  除了方向,我们还可以添加其他限制的元素:

  移动的方式:

  循环移动:loop=n(n,表示次数)   绕圈移动:behavior=scroll   只走一次:behavior=slide   来回移动:behavior=alternate

  外观:

  字号:<font size=n>(n,变量)   对齐方式:align=top/middle/bottom   底色:bgcolor=Blue(预定义色彩,如:Black,Olive,Teal,Red,Blue,Maroon, Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua或16进制数码)

  其它:

  速度:scrollamount=n(n,变量)   延时:scrolldelay==n(n,变量)

<marquee direction="向什么方向移动" height="移动区域高度" width="移动区域宽度" scrollamount="移动速度" onmouseover=this.stop() onmouseout=this.start()>"

onmouseover 设置鼠标放在移动区域的时候暂停移动

onmouseout 鼠标离开的时候继续滚动

用marquee代码来实现文字的滚动与图片的滚

今天在TAP知道那里看到滚动文字的设置了!好像是以前都不支持的。可能是我没有用过吧!呵呵 给大家看下效果吧!

如下来自TAP知道的上下滚动文字公告栏 的代码解释

marquee 参数:
BGColor:滚动文本框的背景颜色。
Direction:滚动方向设置,可选择Left、Right、up和down。
scrolldelay:每轮滚动之间的延迟时间,越大越慢。
scrollamount:一次滚动总的时间量,数字越小滚动越慢。
Behaviour:滚动的方式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回滚动)。
Align:文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width:滚动文本框的宽度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
Height:滚动文本框的高度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
loop:滚动次数。默认为infinite
hspace、vspace:前后、上下的空行。

下面的演示是我的公告栏演示:效果你可以看右下角啊!喜欢的话!复制代码通过上面的代码解释代入看看效果了!

效果一:文字向上滚动


想要多少你就加多少吧!不过好像有的浏览显示时的效果的了! 建议用谷歌啊 这样效果好的!

您可能想查找下面的文章:

相关文章

  • 2017-08-05学习如何书写整洁规范的HTML标记
  • 2017-08-05XHTML常用标签介绍
  • 2017-08-05html页面跳转传递参数问题
  • 2017-08-05禁止页面缓存的几种方法分享
  • 2017-08-05显示flash内容时用的OBJECT和EMBED标签区别介绍
  • 2017-08-05FLOW CHART 和 UI FLOW 的差别
  • 2017-08-05HTML 5.1学习之新增的14项特性与应用示例
  • 2017-08-05深层优化 提高网站的访问速度的一些技巧
  • 2017-08-05举例讲解HTML中META标签的一些使用技巧
  • 2017-08-05html标签全称和功能介绍

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html meta用法示例介绍
    • 网页设计之5种简单的XHTML网页表单
    • HTML减肥 精简HTML标记制作网页
    • 纯css为select添加样式(无脚本)实现
    • Html+CSS绘制三角形图标
    • 空格在Html中如何表示( 有什么含义)
    • textarea文本域宽度和高度width及height自动适应实现代码
    • map标签的参数详细介绍及使用示例
    • ie7打开页面有源文件但页面空白问题的解决方法
    • 学习如何书写整洁规范的HTML标记

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有