`
javaitface
  • 浏览: 17117 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
最近访客 更多访客>>
社区版块
存档分类
最新评论

滚动文字Marquee属性及参数设置

    博客分类:
  • html
 
阅读更多
from:http://www.cnzz.cc/edu/webdesign/FreeHtml/152.html
滚动字幕Marquee代码大全

基本语法
-------------------------------------------
<marquee>滚动文字 </marquee>

文字移动属性的设置

方向

<direction=#> #=left, right,up,down <marquee direction=left>从右向左移!</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>
<marquee loop=3 width=50% behavior=alternate>只走 3 趟!</marquee>

速度

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

延时

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

外观(Layout)设置

对齐方式(Align)

<align=#> #=top, middle, bottom <font size=6>
<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
</font>

底色

<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=#>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积!</marquee>

鼠标响应:即鼠标指向就停,离开继续.

onmouseover="this.stop()" onmouseout="this.start()">

例如:<marquee direction=up scrollamount=2 onmouseover="this.stop();" onmouseout="this.start();" width=100 height=100>中华人民共和国中华人民共和国<br>www.cnzz.cc中国站长网欢迎您<br>我学会了,哈哈哈</marquee>

分享到:
评论

相关推荐

    推荐通用文字图片JS不间断滚动封装类 代替Marquee

    标题提到的"推荐通用文字图片JS不间断滚动封装类 代替Marquee",就是一种利用JavaScript实现的动态效果,它旨在为文字和图片提供一种类似传统的Marquee(滚动条)效果,但更加灵活且易于使用的解决方案。Marquee是...

    MARQUEE 元素 marquee 对象 doc 手册

    可以通过设置不同的属性来调整滚动的方式、速度等参数。下面将详细介绍MARQUEE元素支持的一些主要属性。 #### 三、MARQUEE元素的常用属性 1. **`ACCESSKEY`** - `accessKey` - **用途**: 设置或获取对象的快捷键...

    android滚动文字

    在Android开发中,滚动文字(Marquee)是一种常见的视效,通常用于显示较长的文本,使其在有限的空间内持续滚动展示。标题中的“android滚动文字”指的就是Android系统中的滚动效果,这通常涉及到TextView组件的一个...

    网页中滚动字的源代码

    本篇将详细阐述网页中横向左右滚动文字的实现方法,以及如何通过调整代码参数来定制滚动速度、方向和样式。 ### 滚动文字的基本HTML代码 网页中的滚动文字主要依赖于`&lt;marquee&gt;`标签来实现。这个标签允许网页元素...

    jquery.marquee.js官方下载

    1. 基本用法:只需给需要滚动的元素添加`data-marquee`属性,并可选地设置其他属性来控制滚动效果。 ```html &lt;div class="marquee" data-marquee="true"&gt;这是滚动的内容 ``` 2. jQuery方法:你也可以通过jQuery...

    文字滚动显示

    &lt;marquee bgcolor="#ffcc00"&gt;黄色背景下的滚动文字&lt;/marquee&gt; ``` #### direction - **作用**:定义滚动方向。 - **取值**: - `left`: 向左滚动。 - `right`: 向右滚动。 - `up`: 向上滚动。 - `down`: 向下...

    HTML标签marquee实现滚动效果的简单方法(必看)

    3. scrollamount属性设置滚动的速度,它是决定每次滚动移动多少像素的参数。数值越大,滚动的速度越快。 4. scrolldelay属性用于设定滚动的时间间隔,单位是毫秒。这个属性在实现滚动时每段内容之间的时间延迟方面...

    MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类)

    3. **设置参数**:配置包括但不限于滚动元素的选择器、滚动速度、是否循环等。 4. **启动滚动**:调用实例的`start()`方法启动滚动效果。 5. **控制滚动**:根据需要,还可以调用`stop()`暂停滚动,`resume()`恢复...

    文字滚动代码教程

    `&lt;marquee&gt;`标签支持多种属性设置不同的滚动效果。以下是部分常用属性: 1. **direction** - 表示滚动方向 - 可选值包括:`left`(从右向左)、`right`(从左向右)、`up`(从下向上)、`down`(从上向下),默认...

    _Dreamweaver中滚动效果制作.pdf

    在 Dreamweaver 中,我们可以使用 marquee 标记来制作滚动文字、滚动图片和滚动表格等网页元素的滚动效果。同时,我们还可以使用环绕标签和标签检查器两种方法来制作网页元素的滚动效果。 在实际应用中,我们可以...

    html、jsp中新建滚动字幕(跑马灯)及参数解析

    "&gt;我的滚动字幕文字&lt;/a&gt;&lt;/marquee&gt; ``` 在实际使用中,可以根据需求调整这些属性值,以实现不同的滚动效果。需要注意的是,虽然`&lt;marquee&gt;`标签方便实用,但由于其非标准特性,可能会在某些现代浏览器中被废弃,...

    JQuery实现文字无缝滚动效果示例代码(Marquee插件)

    在这个函数内部,通过选择器$(#marquee),选中了HTML中的一个ul元素,并调用Marquee插件的marquee方法,设置yScroll参数为"bottom",以此来控制滚动条向下滚动。这部分的代码如下: ```javascript $(function(){ $...

    Vue替代marquee标签超出宽度文字横向滚动效果

    【Vue替代marquee标签实现文字滚动效果】 在现代前端开发中,由于HTML5不推荐使用`&lt;marquee&gt;`标签,因为它被认为是过时且不标准的元素。为了在Vue项目中实现类似的效果,我们可以借助自定义组件或者第三方库来创建...

    jQuery模拟Marquee实现无缝滚动效果完整实例

    Marquee是一种在网页上制作滚动文字或图片的HTML标签,但随着Web标准的发展,许多现代浏览器已不再支持这个标签。因此,开发人员常常需要使用JavaScript来模拟类似的效果。 无缝滚动是一种滚动效果,它的特点是内容...

    html、jsp中新建滚动字幕(跑马灯)及参数解析.pdf

    通过`style`属性并设置`color`值可以改变文字颜色,`CC6600`是橙色的十六进制颜色代码。 需要注意的是,尽管`&lt;marquee&gt;`标签提供了一种简单的方法来创建滚动字幕,但它并不符合W3C的HTML5标准。在现代网页设计中,...

    制作滚动字幕,很方便!

    本文将详细介绍如何利用 `&lt;marquee&gt;` 标签创建滚动字幕,并提供一些实用的参数设置技巧。 #### 一、`&lt;marquee&gt;` 标签概述 `&lt;marquee&gt;` 是一个非标准的HTML标签,用于创建自动滚动的文本或图像。尽管它不被HTML5所...

    dreamweaver CS3中网页滚动字幕的设计

    如果需要垂直滚动,还应设置`height`属性来指定高度。例如: ```html &lt;marquee scrollAmount=2 width=300 height=160&gt;滚动字幕内容&lt;/marquee&gt; ``` `direction`属性决定了滚动的方向。默认情况下,文本是从右向左...

    jquery-3d-marquee.zip

    jQuery 3D Marquee 是基于jQuery的一套插件,它通过模拟3D空间中的滚动效果,让文字或图片在网页上呈现出立体流动的感觉,从而提升用户体验。 实现3D Marquee 的核心在于CSS3的transform属性。这个属性允许我们对...

    android demo,文字滚动效果的实例源代码

    1. **TextView的marquee属性**: `TextView`是Android中最基本的文字展示控件,它支持多种样式和效果。当设置`android:singleLine="true"`(或在XML布局中省略`singleLine`,因为默认为true)以及`android:...

Global site tag (gtag.js) - Google Analytics