`
songlei8090
  • 浏览: 37748 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript基本跑马灯

    博客分类:
  • JS
阅读更多

基本语法<marquee> ... </marquee>
例如<marquee>我会跑拉HOHO</marquee>

 

文字移动属性的设置

 

  • 方向 <direction=#> #=left, right,up,down
    例如:
    <marquee direction=left>HOHO,我从右向左移动!</marquee><P>
    <marquee direction=right>HOHO,我从左向右移动!</marquee>
    <marquee direction=up>HOHO,我从下向上移动!</marquee>
    <marquee direction=down>HOHO,我从上向下移动!</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> <P>
    <marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟哟!</marquee> <P>
    <marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟哟!</marquee>
  • 速度 <scrollamount=#>
    <marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>
  • 延时 <scrolldelay=#>
  • 外观(Layout)设置
    • 对齐方式(Align) <align=#> #=top, middle, bottom
      <font size=6>
      <marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
      </font>
      对齐上沿、中间、下沿。

      <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>
  • 底色 <bgcolor=#>
    #=rrggbb 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=aaeeaa>
    啦啦啦,我会移动耶!
    </marquee>
  • 空白(Margins)<hspace=# vspace=#>
    ********************************************<br>
    嗨,
    <marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦,我会移动耶!</marquee>
    大家好!<br>
     
0
0
分享到:
评论

相关推荐

    JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)

    在上篇文章给大家介绍了JavaScript实现跑马灯抽奖活动实例代码解析与优化(一),既然是要编写插件。那么叫做“插件”的东西肯定是具有的某些特征能够满足我们平时开发的需求或者是提高我们的开发效率。那么叫做插件...

    JavaScript教程

    • 二、 JavaScript基本数据结构  JavaScript代码的加入  基本数据类型  表达式和运算符  范例:跑马灯效果 • 三、 JavaScript程序构成  程序控制流  函 数  事件驱动及事件处理  范例:自动装卸载;获取...

    文字上下滚动(走马灯效果)

    网上找到很多文字滚动,但都良莠不齐,基本都是左右滚动的,没有上下滚动。所以来分享一波 利用scortop实现文字移动,判断如果第一个元素的高度,如果小于等于了scrolltop(翻滚了多少高度)就把它删除并且添加到...

    javascript完全学习手册1 源码

    14.1.5 跑马灯式说明文字 398 14.1.6 跳动的文字 400 14.2 图片特效 402 14.2.1 线性幻灯片 402 14.2.2 非线性幻灯片 409 14.2.3 展示翻页效果 416 14.2.4 展示缩略图新闻效果 419 14.2.5 图片滑动效果 423 14.2.6 ...

    JavaScript 教学

    设计一个跑马灯 (scroller) 数组(Arrays)的设计 如何清除视窗中的文件 (document) "前进键" (Forward) 和"倒退键" (Back)的设计 同时载入两个框架 (frames) 利用链结开新视囗 运算符 输入表格(forms)的确认...

    javascript完全学习手册2 源码

    14.1.5 跑马灯式说明文字 14.1.6 跳动的文字 14.2 图片特效 14.2.1 线性幻灯片 14.2.2 非线性幻灯片 14.2.3 展示翻页效果 14.2.4 展示缩略图新闻效果 14.2.5 图片滑动效果 14.2.6 三维相册 14.3 ...

    JavaScript网页特效应用开发手册

    3-4 跑马灯 3-5 表单 3-6 什么是Cookie 3-7 视窗控制 3-8 游标的特效 3-9 导航条 3-10 特殊特效 第三部 分程序设计浅谈 第4章 程序写作浅谈 4-1 Javascript写作概念 4-2 Javascript写作格式 4-3 Javascript语句格式 ...

    javascript网页特效实例大全

    7.12 横向移动的跑马灯 181 7.13 可随便移动的文字 182 7.14 水波形的文字 183 7.15 首字母大小写的变化 184 7.16 状态栏文字飞出效果 186 7.17 链接文字的滚动效果 188 7.18 不停变色的文字 189 7.19 文字...

    精通JavaScript+jQuery Part1

     13.5 实例三:跑马灯特效   13.6 实例四:图片淡入淡出   13.7 实例五:CSS实现PPT幻灯片   13.8 实例六:灯光效果   13.9 实例七:舞台灯光   13.10 实例八:探照灯   13.11 实例九:鼠标文字...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    javascript字符串操作以及跑马灯实例 javascript数组和字典以及for循环 javascript条件语句 javascript函数的定义 Dom直接选择器 Dom间接选择器 示例之模态对话框 示例之全选和反选以及取消 javascript必须加分号 ...

    《精通CSS+DIV网页样式与布局》光盘源码

     13.5 实例三:跑马灯特效   13.6 实例四:图片淡入淡出   13.7 实例五:CSS实现PPT幻灯片   13.8 实例六:灯光效果   13.9 实例七:舞台灯光   13.10 实例八:探照灯   13.11 实例九:鼠标文字...

    精通CSS.DIV.网页样式与布局 源码

     13.5 实例三:跑马灯特效   13.6 实例四:图片淡入淡出   13.7 实例五:CSS实现PPT幻灯片   13.8 实例六:灯光效果   13.9 实例七:舞台灯光   13.10 实例八:探照灯   13.11 实例九:...

    精通CSS+DIV网页样式与布局Part1

     13.5 实例三:跑马灯特效   13.6 实例四:图片淡入淡出   13.7 实例五:CSS实现PPT幻灯片   13.8 实例六:灯光效果   13.9 实例七:舞台灯光   13.10 实例八:探照灯   13.11 实例九:鼠标文字...

    精通CSS+DIV网页样式与布局

     13.5 实例三:跑马灯特效   13.6 实例四:图片淡入淡出   13.7 实例五:CSS实现PPT幻灯片   13.8 实例六:灯光效果   13.9 实例七:舞台灯光   13.10 实例八:探照灯   13.11 实例九:鼠标文字...

    精通CSS.DIV网页样式与布局视频01

     13.5 实例三:跑马灯特效   13.6 实例四:图片淡入淡出   13.7 实例五:CSS实现PPT幻灯片   13.8 实例六:灯光效果   13.9 实例七:舞台灯光   13.10 实例八:探照灯   13.11 实例九:鼠标文字...

    精通CSS+DIV网页样式与布局视频教材

    13.5 实例三:跑马灯特效 13.6 实例四:图片淡入淡出 13.7 实例五:CSS实现PPT幻灯片 13.8 实例六:灯光效果 13.9 实例七:舞台灯光 13.10 实例八:探照灯 13.11 实例九:鼠标文字跟随 第14章...

    《javaScrip开发技术大全》源代码

    • sample01.htm 将JavaScript代码插入在标签与标签之间 • sample02.htm 将JavaScript代码放在了标签与标签之间 • sample03.htm JavaScript与HTML混合执行 • sample04.htm 在同...

    java源码包---java 源码 大量 实例

    2个目标文件,提供基本的音乐编辑功能。编辑音乐软件的朋友,这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统属性...

    JAVA上百实例源码以及开源项目源代码

    2个目标文件,提供基本的音乐编辑功能。编辑音乐软件的朋友,这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统属性...

    java源码包2

    2个目标文件,提供基本的音乐编辑功能。编辑音乐软件的朋友,这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统...

Global site tag (gtag.js) - Google Analytics