各种⽂字滚动效果代码
⼏排⽂字向上滚动
<MARQUEE direction=up οnmοuseοut=start(); οnmοuseοver=stop(); scrollAmount=1 scrollDelay=15 width=160 height="100px">
插⼊你要输⼊的⽂字</MARQUEE>
在输⼊⽂字时，如要它⼀⾏⼀⾏的出还要在每段⽂字的后⾯加上<br> .
⼀些其他代码：
<marquee direction=left>从右向左移！</marquee><p>
<marquee direction=right>从左向右移！</marquee><p>
<marquee behavior=scroll>⼀圈⼀圈绕着⾛！</marquee><p>
<marquee behavior=slide>只⾛⼀次就歇了！</marquee><p>
<marquee behavior=alternate>来回⾛！</marquee><p>
<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><p>
<marquee scrollamount=20>⾛得好快哟！</marquee>
⽂字滚动代码 (从右向左滚动)
<marquee width="157" height="21">要滚动的⽂字</marquee>
⽂字滚动代码 (从下往上滚动)
<marquee bgcolor=#ffffff class=p4 direction=up height=60 scrollamount=1 scrolldelay=50 width=157 text-align: left? border="0" ;>要滚动的⽂字</marquee>
图⽚滚动代码 (从右向左滚动)
<marquee scrollamount=1  scrolldelay=3 valign=middle behavior="scroll">
</marquee>
图⽚滚动代码 (从下往上滚动)
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=up scrollamount=1  scrolldelay=3 valign=middle behavior="scroll">
</marquee>
Marquee属性&Marquee⽆间断滚动&Marquee⿏标经过滚动停⽌
Marquee属性
<MARQUEE ALIGN="…"
  behavior="…"
  BGCOLOR="…"
  DIRECTION="…"
  HEIGHT="…"
  WIDTH="…"
  HSPACE="…"
  VSPACE="…"
  LOOP="…"
  SCROLLAMOUNT="…"
  SCROLLDELAY="…"
>…</MARQUEE>
align:    对齐⽅式 LEFT，CENTER，RIGHT，TOP，BOTTOM (不⽤多说了)
behavior:    ⽤于设定滚动的⽅式，主要由三种⽅式：
behavior="scroll":    表⽰由⼀端滚动到另⼀端；
behavior="slide":    表⽰由⼀端快速滑动到另⼀端，且不再重复；
behavior="alternate" :    默认值--表⽰在两端之间来回滚动。
direction:    left(默认值) 左; right 右;up 上;down 下;
bgcolor:    背景颜⾊
height:    ⾼度
weight:    宽度
Hspace/vspace:    分别⽤于设定滚动字幕的左右边框和上下边框的宽度。作⽤⼤概和css中的margin差不多
scrollamount:    ⽤于设定每个连续滚动⽂本后⾯的间隔，该间隔⽤像素表⽰，以上是官⽅说法，其实就是滚动的速度，值不能太⼤，要不从视觉⾓度来说，是没反应的.值越⼤速度越快，反之越慢。
scrolldelay:    延迟时间
loop:    这个属性⼤家也很熟悉，循环次数；loop=-1的时候⼀直重复循环（默认值）
好，现在我们再来接触⼀些Dcode的⼀些知识。
⾸先是两个⿏标事件
onmouseover:    ⿏标触发事件---当⽤户将⿏标指针移动到对象内时触发
onmouseout:    ⿏标滑出事件---当⽤户将⿏标指针移出对象边界时触发
这⾥要⽤到的是 this.start() 与this.stop()
FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: 宋体; mso-ascii-font-family: Verdana; mso-hansi-font-family: Verdana">意思就是⿏标移到marquee的内容上的时候停⽌循环，⿏标移开marquee ⼜开始移动。
继续
innercode:    设置或获取位于对象起始和结束标签内的 code
innerText:    设置或获取位于对象起始和结束标签内的⽂本
scrollLeft:    设置或获取位于对象左边界和窗⼝中⽬前可见内容的最左端之间的距离
scrollTop:    设置或获取位于对象最顶端和窗⼝中可见内容的最顶端之间的距离。PS:⼤家不要想当然的以为有scrollRigh和scrollDown ：）
html滚动效果代码
scrollDelay:    设置或获取字幕滚动的速度，要创建垂直滚动的字幕，请将其 scrollLeft 属性设定为0，要创建⽔平滚动的字幕，请将其scrollTop 属性设定为 0，这将覆盖任何脚本设置
scrollHeight:    获取对象的滚动⾼度
scrollAmount:    设置或获取介于每个字幕绘制序列之间的⽂本滚动像素数
offsetTop:    获取对象相对于版⾯或由 offsetTop 属性指定的⽗坐标的计算顶端位置
offsetLeft:    获取对象相对于版⾯或由 offsetParent 属性指定的⽗坐标的计算左侧位置
offsetHeight:    获取对象相对于版⾯或由⽗坐标 offsetParent 属性指定的⽗坐标的⾼度。
setInterval:    交互时间。它从载⼊后，每隔指定的时间就执⾏⼀次表达式
clearInterval:    使⽤ setInterval ⽅法取消先前开始的间隔事件。
Marquee⽆间断滚动
<html>
<head>
<style type="text/css">
<!--
.test {
font-size: 12px;
line-height: normal;
text-decoration: none;
}
-->
</style>
<head>
<body>
<div id="layer1" >
<div id="layer2">
<table width="130" height="70" border="0" align="center" cellpadding="0" cellspacing="0" class="test">
<tr>
<td width="150" height="70" valign="top" bgcolor="#FFFFFF" class="nav1style style46">
<center>第(1)条</center>
<a href="#" title="关于＜＜电⽓⼯程⾃动化＞＞研究⽣班授课的通知" class="none_underline"><font color=#ff0000>关于＜＜电⽓⼯程⾃动化＞＞研究⽣班授课的通知 2006-3-9</font></a><br><br>
<center>第(2)条</center>
<a href="#" title="关于企业管理研究⽣班授课的通知" class="none_underline"><font color=#ff0000>关于企业管理研究⽣班授课的通知 2006-3-8</font></a><br><br>
</td>
</tr>
</table>
</div>
<div id="layer3"></div>
<script language="javascript">
var layerHeight = 100; // 定义滚动区域的⾼度.
var iFrame = 1; // 定义每帧移动的象素.
var iFrequency = 50; // 定义帧频率.
var timer; // 定义时间句柄.
ElementById("layer2").offsetHeight >= layerHeight)
else
function move(){
ElementById("layer1").scrollTop >= ElementById("layer2").offsetHeight){ ElementById("layer1").scrollTop -= (ElementById("layer2").offsetHeight - iFrame); }
else {
}
}
timer = setInterval("move()",iFrequency);
</script>
</body>
</html>
Marquee⿏标经过滚动停⽌
<marquee direction="left" scrollamount="10" onMouseOver="stop()" onMouseOut="start()">
<a href="#">dssfsdfsdf</a> <a href="#">dssfsdfsdf</a>
</marquee>

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