marquee的用法，例子

zjx2388

浏览: 1337083 次
性别:
来自: 北京

最近访客更多访客>>

da19900

nenyalanye_1

lesliehanhan

sosoab

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript
Page

IE UP

marquee 用法详解

基本语法
<marquee> ... </marquee>
移动属性的设置 ,这种移动不仅仅局限于文字，也可以应用于图片，表格等等
方向
<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) <marquee loop=3 width=50%
behavior=scroll>只走 3 趟</marquee> <P>
<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 <marquee
bgcolor=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
功能：
使文字或者图片等产生移动效果
语法：
<marquee loop="value1" behavior="value2" ....> displaydata </marquee>
注<marquee>是成对标记

truespeed 未知意义

loop
设定跑马灯的次数

behavior
设定走动方式
① scroll 跑到尽头后再重新开始(默认)
② slide 跑完一次就不跑了
③ alternate 以左右来回移动的方式跑

direction
设定跑马灯移动方向
① left 从右向左(默认方式)
② right 从左向右

scrolldelay
设定移动速度,用来设定延迟时间
数值越大,速度越慢(默认为90)
单位以毫秒来计算

scrollamount
设定移动速度,跑马灯移动距离
数值越大,速度越慢(默认为6)
以移动的pixel为单位

width
调整跑马灯的宽度

height
调整跑马灯的高度

bgcolor
设定跑马灯的背景颜色

<MARQUEE> 只适用于 IE ，叫做"跑马灯" 如 Status Bar 的那种，意指走动或卷动的文字，其参数设定比较多。
<marquee behavior="SCROLL" direction="LEFT" bgcolor="#0000FF" height="30" width="150" hspace="0" vspace="0" loop="INFINITE" scrollamount="30" scrolldelay="500">Hello</marquee>

behavior="SCROLL"
决定文字的卷动方式，可选值为：
SCROLL 一般卷动，是内定值。
SLIDE 如幻灯片，一格格的，文字一接触左边便全消失。
ALTERNATE 文字向左右两边撞来撞去。

direction="LEFT"
设定文字設定文字的卷动方向，LEFT 表示向左，是内定值，RIGHT 表示向右。

bgcolor="#0000FF"
设定文字卷动范围的背景颜色，颜色值可参考【调色原理】。

height="30" width="150"
>设定文字卷动范围，可采用相对或绝对，如 30% 或 30 等，单位为像素。

hspace="0" vspace="0"
设定文字的水平及垂直空白位置。

loop="INFINITE"
设定文字卷动次数，其值可以是正整数或 INFINITE，INFINITE 是默认值，表示无限次。

scrollamount="30"
每「格」文字间的间隔，单位是像素。

scrolldelay="500"
文字卷动的停顿时间，单位是毫秒。

一段往上滚动的代码，含两个鼠标事件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title> New Document </title>
 
 </head>

 <body>
   <marquee direction="up"  scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()">
	  <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
      <td width="4%" height="31" align="center">*</td>
      <td width="94%" height="31">废旧放射源送贮备案审批 已经受理，详情请进 <a href="#">在办事项</a></td>
      <td width="2%" height="31">&nbsp;</td>
    </tr>
    <tr>
      <td height="31" align="center">*</td>
      <td height="31">建设项目（辐射类）环境影响评价文件行政审批  已审批，详情请进 <a href="#">已办事项</a></td>
      <td height="31">&nbsp;</td>
    </tr>
     <tr>
      <td height="31" align="center">*</td>
      <td height="31">放射性同位素转让审批  已终止，详情请进 <a href="#">已办事项</a></td>
      <td height="31">&nbsp;</td>
    </tr>
      </table>
	 </marquee>
 </body>
</html>

分享到：

sql server2000时间处理函数 | truncate的用法

2008-08-19 09:46
浏览 1751
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论