文字或图片的简单移动-marquee标签的用法与参数详解!
2004年7月15日 作者:名气网络 茂名名气网 颜色 默认 灰度 橄榄色 绿色 蓝色 褐色 红色 本文已被浏览 265 次
用MARQUEE标签可以做文字或图片的简单的左右或上下移动。并可以响应鼠标、加入链接。不需要复杂的JS,只要一句简单的MARQUEE标签。
下面跟你介绍下标签中的参数设置。点这里看示例文件。(MARQUEE标签只有IE支持,在NC的浏览器上无效)
先看下代码:
<marquee id="iescroller" direction=left height=10 onMouseOut=start(); onMouseOver=stop(); scrollamount=2 scrolldelay=10 scrollleft="0" scrolltop="0" behavior="alternate" bgcolor="#999999" style="color: #ffffff; font-size: 14; font-family: '宋体', 'Arial','Helvetica', 'sans-serif'"title=文字内容> 这是放文字或需要移动的图片(光标放在这里时用INSERT命令就可以插入图片)</marquee>
各参数意思:
direction=left/right/up/down表示移动的方向 可以是 上下左右
BEHAVIOR 属性:改变 marquee 标签内容移动的几种方式。alternate滚动的内容会来回滚动。scroll默认的从右到左的移动。slide滚动结束后会停留在最后的位置上。
scrollAmount:滚动速度 ,值越大速度越快
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>
2004年7月15日 作者:名气网络 茂名名气网 颜色 默认 灰度 橄榄色 绿色 蓝色 褐色 红色 本文已被浏览 265 次
用MARQUEE标签可以做文字或图片的简单的左右或上下移动。并可以响应鼠标、加入链接。不需要复杂的JS,只要一句简单的MARQUEE标签。
下面跟你介绍下标签中的参数设置。点这里看示例文件。(MARQUEE标签只有IE支持,在NC的浏览器上无效)
先看下代码:
<marquee id="iescroller" direction=left height=10 onMouseOut=start(); onMouseOver=stop(); scrollamount=2 scrolldelay=10 scrollleft="0" scrolltop="0" behavior="alternate" bgcolor="#999999" style="color: #ffffff; font-size: 14; font-family: '宋体', 'Arial','Helvetica', 'sans-serif'"title=文字内容> 这是放文字或需要移动的图片(光标放在这里时用INSERT命令就可以插入图片)</marquee>
各参数意思:
direction=left/right/up/down表示移动的方向 可以是 上下左右
BEHAVIOR 属性:改变 marquee 标签内容移动的几种方式。alternate滚动的内容会来回滚动。scroll默认的从右到左的移动。slide滚动结束后会停留在最后的位置上。
scrollAmount:滚动速度 ,值越大速度越快
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>
回复Comments
作者:
{commentrecontent}