用MARQUEE标签可以做文字或图片的简单的左右或上下移动。并可以响应鼠标、加入链接。不需要复杂的JS,只要一句简单的MARQUEE标签。 [转自:711网络工作室 http://www.tc711.com]
下面跟你介绍下标签中的参数设置。点这里看示例文件。(MARQUEE标签只有IE支持,在NC的浏览器上无效) [转自:711网络工作室 http://www.tc711.com]
先看下代码:
下面来解释下各参数意思: direction=left/right/up/down表示移动的方向 可以是 上下左右
BEHAVIOR 属性:改变 marquee 标签内容移动的几种方式。alternate滚动的内容会来回滚动。scroll默认的从右到左的移动。slide滚动结束后会停留在最后的位置上。
scrollAmount:定每显示一个marquee片段间的间距 如 scrollAmount =100
scrollDelay 指定每显示一个marquee片段间的时间差 如 scrollDelay = 1
LOOP:指定循环显示的次数,如 loop=3 还可以1, 默认的值是 无限循环
BGCOLOR: 背景的颜色 如 #990000 black 等都是有效的值
width: 移动范围的长度 如 width=300 也可以是百分数。
height: 移动范围的高度 如 height=50
Align <align=#> #=top, middle, bottom 表示居中位置
Margins <hspace=# vspace=#> 表示MARQUEE块在上下和左右方向留的空距。
title: 鼠标移动marquee上时出现的说明 好象<a href=# title="你好吗?">或图片的ALT那种。
style: 你可加入风格的样式,如字体的颜色等 STYLE="{color: #ffffff; font-family:Arial;font-size:8pt}"
stop的SCRIPT:可以令到滚动停止 试试在<marquee>中加入 onmouserover=this.stop
start 可以令到滚动重新开始 试试在<marquee>中加入 onmouserover=this.start
还可以有onbounce 触发当来回一次时触发的事件等等。
也可以用以下的javascript方式控制MARQUEE的鼠标响应:其中iescroller是MARQUEE的ID。
<SCRIPT LANGUAGE="javascript"> iescroller.onmouseover=new Function("iescroller.scrollAmount=0"); iescroller.onmouseout=new Function("iescroller.scrollAmount=2"); </script>
|