Marquee属性 marquee标签表示-爱华网

Marquee属性&Marquee无间断滚动&Marquee鼠标经过滚动停止2009-02-08 下午 02:39

Marquee属性
<MARQUEEALIGN="…"
　　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：）
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>

<tr>

<a href="#" title="关于＜＜电气工程自动化＞＞研究生班授课的通知"&g t;<fontcolor=#ff0000>关于＜＜电气工程自动化＞＞研究生班授课的通知2006-3-9</font></a><br><br>

<a href="#" title="关于企业管理研究生班授课的通知"><fontcolor=#ff0000>关于企业管理研究生班授课的通知2006-3-8</font></a><br><br>

</td>

</tr>

</table>
</div>
<divid="layer3"></div>

var layerHeight = 100; // 定义滚动区域的高度.

var iFrame = 1; // 定义每帧移动的象素.

var iFrequency = 50; // 定义帧频率.

var timer; // 定义时间句柄.

if(document.getElementByIdx("layer2").offsetHeight>= layerHeight)

document.getElementByIdx("layer1").style.height =layerHeight;

else

document.getElementByIdx("layer1").style.height =document.getElementByIdx("layer2").offsetHeight;

document.getElementByIdx("layer3").innerHTML =document.getElementByIdx("layer2").innerHTML;

function move(){

if(document.getElementByIdx("layer1").scrollTop >=document.getElementByIdx("layer2").offsetHeight){

document.getElementByIdx("layer1").scrollTop -=(document.getElementByIdx("layer2").offsetHeight - iFrame);

}

else {

document.getElementByIdx("layer1").scrollTop += iFrame;

}

timer = setInterval("move()",iFrequency);

document.getElementByIdx("layer1").onmouseover=function(){clearInterval(timer);}

document.getElementByIdx("layer1").onmouseout=function(){timer=setInterval("move()",iFrequency);}
Marquee属性 marquee标签表示
</script>

</body>
</html>

Marquee鼠标经过滚动停止
<marqueedirection="left" scrollamount="10" onMouseOver="stop()"onMouseOut="start()">
<ahref="#">dssfsdfsdf</a><ahref="#">dssfsdfsdf</a>
</marquee>

marquee 暂停

爱华网本文地址 » http://www.413yy.cn/a/25101016/290630.html

Marquee属性 marquee标签表示

更多阅读

Word论文排版1-公式的排版国际会议论文公式排版

部分名优酒拒绝配制酒标签配制酒生产许可证

JS中正则表达式 js正则表达式数字

jeecms标签使用方法 jeecms 广告标签

标签 | w3cschool菜鸟教程 w3cschool菜鸟教程app

声明:《Marquee属性 marquee标签表示》为网友最爱的阿宝色分享！如侵犯到您的合法权益请联系我们删除