超简单⽆缝滚动漂浮⼴告代码属性
实现功能：
1、⽆缝滚动（左右上下）
2、漂浮⼴告（包括在屏幕漂浮⼏次消失）
两个事件
onmouseover="this.stop()" ⿏标划过停⽌滚动
onmouseout="this.start()"  ⿏标离开继续滚动
<marquee width="920" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="20" behavior="scroll" align="absbottom"> @foreach (var item in Model.NewsItems_WebNotice)
{
<u><a href="@Url.RouteUrl("NewsItem", new { SeName = item.SeName })">@Html.StrTruncation(item.Title, 10)</a></u>
}
</marquee>
Marquee 属性列表：
align
设定<marquee>标签内容的对齐⽅式
absbottom：绝对底部对齐（与g、p等字母的最下端对齐）
absmiddle：绝对中央对齐
baseline：底线对齐
bottom：底部对齐（默认）
left：左对齐
middle：中间对齐
right：右对齐
texttop：顶线对齐
top：顶部对齐
behavior
设定滚动的⽅式：
alternate：表⽰在两端之间来回滚动。
scroll：表⽰由⼀端滚动到另⼀端，会重复。
slide：表⽰由⼀端滚动到另⼀端，不会重复
scrollamount="5"：设置滚动的速度
direction
设定活动字幕的滚动⽅向
代码如下:
<marquee direction="down">设定活动字幕的滚动⽅向direction="down"：向下</marquee>
<marquee direction="left">设定活动字幕的滚动⽅向direction="left"：向左</marquee>
<marquee direction="right">设定活动字幕的滚动⽅向direction="right"：向右</marquee>
<marquee direction="up">设定活动字幕的滚动⽅向direction="up"：向上</marquee>
hspace
设定活动字幕⾥所在的位置距离⽗容器⽔平边框的距离
This controls the horizontal（⽔平）space around thedisplay box.
代码如下:
<table width="500"border="1" align="center" cellpadding="0"cellspacing="0">
<tr>
<td><marquee hspace="100"bgcolor="#CCCCCC">hspace="100"</marquee></td>
</tr>
</table>
loop
设定滚动的次数，当loop=-1表⽰⼀直滚动下去，默认为-1
Marquee标记⽤于在可⽤浏览区域中滚动⽂本。
属性：　
　ALIGN：⽤于按设定的值对齐滚动的⽂本。ALIGN可以设定的值有：LEFT，CENTER，RIGHT，TOP，BOTTOM。此属性不是必须使⽤的。　
　例：　
  [MARQUEE　ALIGN="TOP"]这段滚动⽂字设定为上对齐 [/MARQUEE]　
  BEHAVIOR：可以在页⾯上⼀旦出现⽂本时让浏览器按照设定的⽅法来处理⽂本。
如果设定的⽅法是SLIDE，那么⽂本就移动到⽂档上，并停留在页边距上。
如果设定为AlterNATE，则⽂本从⼀边移动到另⼀边。
如果设定为SCROLL，⽂本将在页⾯上反复滚动。本属性不是必须使⽤的。可以设定的值有：SILIDE，AlterNATE，SCROLL。　
  例：　
  　[MARQUEE　BEHAVIOR="AlterNATE"]⽂字从⼀边移动到另⼀边 [/MARQUEE]　
  BGCOLOR：⽤于设定字幕的背景颜⾊。背景颜⾊可⽤RGB、16进制值的格式或颜⾊名称来设定。　
  例：　
  [MARQUEE　BGCOLOR="RED"]⽤颜⾊名称设定滚动⽂字背景颜⾊为红⾊ [/MARQUEE]　
  　[MARQUEE　BGCOLOR="#FF0000"]⽤16进制值设定滚动⽂字背景颜⾊为红⾊ [/MARQUEE]　
  　[MARQUEE　BGCOLOR=RGB(100%＇0%＇0%)] ⽤RGB设定滚动⽂字背景颜⾊为红⾊ [/MARQUEE] 
  DIRECTION：⽤于设定⽂本滚动的⽅向，可以设定的值有：LEFT，RIGHT。此属性不是必须使⽤的。　
  　例：　
    [MARQUEE　DIRECTION="LEFT"]⽂字向左边滚动 [/MARQUEE]　
    [MARQUEE　DIRECTION="RIGHT"]⽂字向右边滚动 [/MARQUEE]　
HEIGHT：⽤于设定滚动字幕的⾼度，⾼度可⽤像素或可视页⾯的百分⽐来表⽰。此属性不是必须使⽤的。　
    例：　
    [MARQUEE　HEIGHT="10%"]滚动字幕的⾼度是可视页⾯的10%[ /MARQUEE]　
    [MARQUEE　HEIGHT="12"]滚动字幕的⾼度是12像素 [/MARQUEE]　
    WIDTH：⽤于设定字幕的宽度，宽度可⽤像素或可视页⾯的百分⽐来表⽰。此属性不是必须使⽤的。　
    例：　
    [MARQUEE　WIDTH="90%"]滚动字幕的宽度是可视页⾯的90% [/MARQUEE]　
    [MARQUEE　WIDTH="200"]滚动字幕的宽度是200像素 [/MARQUEE　]
    HSPACE：⽤于设定滚动字幕左右的空⽩空间，空⽩空间⽤像素表⽰。此属性不是必须使⽤的。　
    例：　
    [MARQUEE　HSPACE="15"]滚动字幕左右空⽩空间为15个像素 [/MARQUEE]　
    VSPACE：⽤于设定滚动字幕上下的空⽩空间，空⽩空间⽤像素表⽰。此属性不是必须使⽤的。　
    例：　
    [MARQUEE　VSPACE="2"]滚动字幕上下的空⽩空间为2个像素 [/MARQUEE]　
    LOOP：⽤于设定滚动字幕的滚动次数。当LOOP的值为"INFINITE"或是"-1"时，则⽂字会⽆限制地滚动。此属性不是必须使⽤的。　
    例：　
    [MARQUEE　LOOP="-1"]⽂字滚动⽆数次 [/MARQUEE]　
    [MARQUEE　LOOP="5"]⽂字滚动5次 [/MARQUEE]　
    SCROLLAMOUNT：⽤于设定每个连续滚动⽂本后⾯的间隔，该间隔⽤像素表⽰。此属性不是必须使⽤的。　
    例：　
    [MARQUEE　SCROLLAMOUNT="10"]此⽂本后⾯的间隔为10个像素 [/MARQUEE]　
    SCROLLDELAY：⽤于设定两次滚动操作之间的间隔时间，该时间以毫秒为单位。此属性不是必须使⽤的。　
    例：　
    [MARQUEE　SCROLLDELAY="5"]此⽂本两次滚动之间的间隔时间为5毫秒 [/MARQUEE]
-------------------------------------------分割线--------------------------------------------------------
漂浮⼴告参考代码
Marquee 也可以做飘浮⼴告效果：
＜marquee behavior="alternate"height="300" direction="up" scrollamount="3"scrolldelay="30" width="300" bgcolor="#3399FF"＞＜marquee behavior="alternate"height="50" direction="left" scrollamount="3"scrolldelay="30" width="100%"＞
＜font ＞Ouyang＜/font＞
＜/marquee＞
<marquee> ... </marquee>
移动属性的设置 ，这种移动不仅仅局限于⽂字，也可以应⽤于图⽚，表格等等
⿏标属性
onMouseOut=this.start() ........⿏标移出状态滚动
onMouseOver=this.stop() .........⿏标经过时停⽌滚动
⽅向
<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) <marqueeloop=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>
外观(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 <marqueebgcolor=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>
marquee属性
ACCESSKEY accessKey                          设置或获取对象的快捷键。
ATOMICSELECTION                                  指定元素及其内容是否可以⼀不可见单位统⼀选择。
BEGIN begin                                                设置或获取时间线在该元素上播放前的延迟时间。
BEHAVIOR behavior                                    设置或获取⽂本如何在字幕中滚动。
BGCOLOR bgColor                                    不推荐。设置或获取对象后⾯的背景颜⾊。
canHaveChildren                                          获取表明对象是否可以包含⼦对象的值。
canHaveHTML                                              获取表明对象是否可以包含丰富的 HTML 标签的值。
CLASS className                                      设置或获取对象的类。
clientHeight                                                    获取对象的⾼度，不计算任何边距、边框、滚动条或可能应⽤到该对象的补⽩。
clientLeft                                                          获取 offsetLeft 属性和客户区域的实际左边之间的距离。
clientTop                                                        获取 offsetTop 属性和客户区域的实际顶端之间的距离。
clientWidth                                                      获取对象的宽度，不计算任何边距、边框、滚动条或可能应⽤到该对象的补⽩。CONTENTEDITABLE contentEditable      设置或获取表明⽤户是否可编辑对象内容的字符串。
DATAFLD dataFld                                        设置或获取由 dataSrc 属性指定的绑定到指定对象的给定数据源的字段。DATAFORMATAS dataFormatAs                设置或获取如何渲染提供给对象的数据。
DATASRC dataSrc                                        设置或获取⽤于数据绑定的数据源。
DIR dir                                                            设置或获取对象的阅读顺序。
DIRECTION direction                                  设置或获取⽂本滚动的⽅向。
disabled                                                          获取表明⽤户是否可与该对象交互的值。
html如何设置图片滚动
DISABLED disabled                                      设置或获取控件的状态。
END end                                                          设置或获取表明元素结束时间的值，或者元素设置为重复的简单持续终⽌时间。
firstChild                                                          获取对象的 childNodes 集合的第⼀个⼦对象的引⽤。
hasMedia                                                        获取⼀个表明元素是否为 HTML+TIME 媒体元素的 Boolean 值。
HEIGHT height                                                设置或获取对象的⾼度。
HIDEFOCUS hideFocus                                设置或获取表明对象是否显式标明焦点的值。
HSPACE hspace                                              设置或获取对象的⽔平边距。
ID id                                                                    获取标识对象的字符串。
innerHTML                                                        设置或获取位于对象起始和结束标签内的 HTML。
innerText                                                          设置或获取位于对象起始和结束标签内的⽂本。
isContentEditable                                          获取表明⽤户是否可编辑对象内容的值。
isDisabled                                                        获取表明⽤户是否可与该对象交互的值。
isMultiLine                                                        获取表明对象的内容是包含⼀⾏还是多⾏的值。
isTextEdit                                                          获取是否可使⽤该对象创建⼀个 TextRange 对象。
LANG lang                                                        设置或获取要使⽤的语⾔。
LANGUAGE language                                  设置或获取当前脚本编写⽤的语⾔。
lastChild                                                          获取该对象 childNodes 集合中最后⼀个⼦对象的引⽤。
LOOP loop                                                      设置或获取字幕播放的次数。
nextSibling                                                      获取对此对象的下⼀个兄弟对象的引⽤。
nodeName                                                      获取特定结点类型的名称。
nodeType                                                        获取所需结点的类型。
nodeValue                                                      设置或获取结点的值。
offsetHeight                                                    获取对象相对于版⾯或由⽗坐标 offsetParent 属性指定的⽗坐标的⾼度。
offsetLeft                                                            获取对象相对于版⾯或由 offsetParent 属性指定的⽗坐标的计算左侧位置。
offsetParent                                                    获取定义对象 offsetTop 和offsetLeft 属性的容器对象的引⽤。
offsetTop                                                      获取对象相对于版⾯或由 offsetTop 属性指定的⽗坐标的计算顶端位置。
offsetWidth                                                    获取对象相对于版⾯或由⽗坐标 offsetParent 属性指定的⽗坐标的宽度。
onOffBehavior                                              获取表明指定的 Microsoft® DirectAnimation® ⾏为是否正在运⾏的对象。
outerHTML                                                    设置或获取对象及其内容的 HTML 形式。
outerText                                                      设置或获取对象的⽂本。
ownerDocument                                          设置或获取结点关联的 document 对象。
parentElement                                                  获取对象层次中的⽗对象。
parentNode                                                        获取⽂档层次中的⽗对象。
parentTextEdit                                                    获取⽂档层次中可⽤于创建包含原始对象的 TextRange 的容器对象。
previousSibling                                                    获取对此对象的上⼀个兄弟对象的引⽤。
readyState                                                            获取对象的当前状态。
recordNumber                                                    获取数据集中⽣成对象的原始记录。
scopeName                                                              获取为该元素定义的命名空间。
SCROLLAMOUNT scrollAmount                        设置或获取介于每个字幕绘制序列之间的⽂本滚动像素数。
SCROLLDELAY scrollDelay                                  设置或获取字幕滚动的速度。
scrollHeight                                                              获取对象的滚动⾼度。
scrollLeft                                                                  设置或获取位于对象左边界和窗⼝中⽬前可见内容的最左端之间的距离。
scrollTop                                                              设置或获取位于对象最顶端和窗⼝中可见内容的最顶端之间的距离。
sourceIndex                                                            获取对象在源序中的依次位置，即对象出现在 document 的 all 集合中的顺序。
STYLE                                                                    为该设置元素设置内嵌样式。
SYNCMASTER syncMaster                                  设置或获取时间容器是否必须在此元素上同步回放。
SYSTEMBITRATE                                                  获取系统中⼤约可⽤带宽的 bps。
SYSTEMCAPTION                                                      表明是否要显⽰⽂本来代替演⽰的的⾳频部分。
SYSTEMLANGUAGE                                                      表明是否在⽤户计算机上的选项设置中选中了给定语⾔。SYSTEMOVERDUBORSUBTITLE                                指定针对那些正在观看演⽰但对被播放的⾳频所使⽤的语⾔并不熟悉的⽤户来说是否要渲染配⾳或字幕。
TABINDEX tabIndex                                                    设置或获取定义对象的 Tab 顺序的索引。
tagName                                                                      获取对象的标签名称。
tagUrn                                                                        设置或获取在命名空间声明中指定的统⼀资源名称(URN)。
TIMECONTAINER timeContainer                          设置或获取与元素关联的时间线类型。
TITLE title                                                                    设置或获取对象的咨询信息(⼯具提⽰)。
TRUESPEED trueSpeed                                          设置或获取字幕的位置是否使⽤ scrollDelay 和 scrollAmount 属性计算，已过的实际时间来⾃于时钟计时。
uniqueID                                                                      获取为对象⾃动⽣成的唯⼀标识符。
UNSELECTABLE                                                            指定该元素不可被选中。
VSPACE vspace                                                                    设置或获取对象的垂直边距。
WIDTH width                                                                        设置或获取对象的宽度。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。