注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

移动代码、标签及属性  

2008-09-21 08:51:33|  分类: html代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

移动代码、标签及属性

 

移动标签及属性 

 格式:  <marquee 属性="属性值">文字 图片 表格</marquee>

  align="对齐方式" : center居中    left居左        right居右

     valign="对齐方式" :  top上沿       middle中间      bottom下沿 

  direction="移动方向" : up向上   down向下   left向左     right向右 

  behavior="移动方式" : scroll  一圈一圈绕着走     slide 只走一次 

alternate  来回走

 

其它属性:

border="边框宽度" 以象素为单位,属性值为数字

width="移动宽度"  以象素为单位,属性值为数字

height="移动高度" 以象素为单位,属性值为数字

hspace="左右空白"  数字

vspace="上下空白"  数字

bgcolor="背景颜色" 值为颜色代码

loop="移动次数"  值为数字,若未指定则循环不止

scrollamount="移动速度"  1为速度为最慢;数字越大移动的越快。

scrolldelay="移动时间"  最小为1, 数值越大速度越大,反之亦然。

<marquee scrolldelay=500 scrollamount=100>走一步,停一停!</marquee>

如果需要在当鼠标移动到图片上时停止滚动,就在<marquee>里加onmouseover=stop() onmouseout=start(),
例如<marquee direction=down onmouseover=stop() onmouseout=start()><img src="你的图片地址"></marquee> 

 

常用的移动代码

1.    向右上下震荡

<移动标签名 移动方式="来回走" 移动方向="向上 "移动宽度="80%"><移动标签名

移动方向="向右">插入文字</移动标签名></移动标签名> 

<marquee behavior="alternate" direction="up" width="80%"><marquee

direction="right">插入文字</marquee></marquee>

 

插入文字

 

 2.    文字加底色,向左移动

<文字变化标签名 颜色="#0000FF"><移动标签名 移动方向="向左" style="背景图案:

#FFCC00">你的文字</移动标签名></文字变化标签名>  

<font color="#0000FF"><marquee direction="left" style="background: #FFCC00">你的文字</marquee></font> 

你的文字

 

3.    加文字框,文字由右向左移动

<移动标签名style="边框宽度:1px dotted #CC0066 ">你的文字</移动标签名> 

<marquee style="border:1px dotted #CC0066 ">你的文字</marquee>

你的文字

 

4.    上下飘动

<移动标签名 移动方式=来回走 移动方向=向上 移动速度=2移动时间=65移动高度=80 style="文字颜色-对齐方式;filter:wave(add=0,phase=1, freq=1, strength=15, 颜色=.FFFFFF)">< 置中>文字一<换行/>文字二</置中></移动标签名> 

<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1, strength=15,color=.FFFFFF)"><center>文字一<BR />文字二</center></marquee>

文字一
文字二

 

5、不透明不移动文字

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>欢迎光临火力光波的博客</B></FONT></CENTER>

欢迎光临火力光波的博客

 

6、由右向左上下震动

<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460><IMG src="图片地址"><FONT color=red face=楷体_gb2312 size=7>欢迎光临火力光波的博客</FONT></MARQUEE></MARQUE></MARQUEE>

(上面代码中的图片地址不能删去)

移动代码、标签及属性 - 火力光波 - 火力光波的博客欢迎光临火力光波的博客

 

 7、左右两边散开

<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎光临火力光波的博客</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>客博的波光力火临光迎欢</MARQUEE></FONT></FONT>  

欢迎光临火力光波的博客 客博的波光力火临光迎欢

  

8、两行文字上下震荡

<marquee scrollamount=8 direction=right behavior=alternate><b><font color=#7700bb size=5><font color=lime>

<marquee direction=up behavior=alternate width=40 height=200 align="middle"></marquee><font color=red>

<marquee direction=up behavior=alternate width=40 height=150></marquee><font color=orange>

<marquee direction=up behavior=alternate width=40 height=200></marquee><font color=fuchsia>

<marquee direction=up behavior=alternate width=40 height=150></marquee><font color=olive>

<marquee direction=up behavior=alternate width=40 height=200></marquee><font color=green>

<marquee direction=up behavior=alternate width=40 height=150></marquee><font color=red>

<marquee direction=up behavior=alternate width=40 height=200></marquee><font color=orange>

<marquee direction=up behavior=alternate width=40 height=150>!</marquee><font color=orange></font></b></marquee>

 

 

9、多行文字由下向上滚动(加背景图)

<TABLE height=300 cellPadding=10 width=500 align=center background=http://img.photo.163.com/IU4zkOOJCWE3VL5pSrz31A==/857091304084746701.jpg border=3 table="0">

<TBODY>

<TR>

<TD>

 <MARQUEE style=" HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>文字</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>文字</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>文字</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>文字</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>  

文字文字
文字文字
文字文字
文字文字

 

 

 

移动代码及效果

一、移动文字
  (1) 向左移动字:
  <marquee>向左移动字</marquee>

向左移动字

  (2) 发向右移动字:
  <marquee direction=right>向右移动字</marquee>
向右移动字

  (3)
发来回移动字:
  <marquee behavior=alternate>向左来回移动字</marquee>
  <marquee direction=right behavior=alternate>向右来回移动字</marquee>
向左来回移动字
向右来回移动字

  


  (4) 发向上移动字:
  <marquee direction=up>      向上移动字</marquee>
  ------------------------------------------------------------------   
     向上移动字
  ------------------------------------------------------------------

    


  (5) 发向下移动字:
  <marquee direction=down>      向下移动字</marquee>
  ------------------------------------------------------------------   
     向下移动字
  ------------------------------------------------------------------

    


  (6) 发限高向上、向下移动字:
  <marquee height=50 direction=down>      限高向下移动字</marquee>
  <marquee height=50 direction=up>      限高向上移动字</marquee>
  ------------------------------------------------------------------   
     限高向下移动字
  ------------------------------------------------------------------         限高向上移动字
  ------------------------------------------------------------------

    


  (7) 发限高上下来回移动字:
  <marquee height=50 direction=down behavior=alternate>      限高上下来回移动字</marquee>
  <marquee height=50 direction=up behavior=alternate>      限高上下来回移动字</marquee>
  ------------------------------------------------------------------   
     限高上下来回移动字
  ------------------------------------------------------------------         限高上下来回移动字
  ------------------------------------------------------------------
    


  (8) 控速移动字:
  <marquee scrollamount=N>控速移动字</marquee>
      控速移动字的速度控制值N的取值: 1. N<0与N=6速度相同; 2. N≠0; N>0的任意值。
控速移动字N=-9
控速移动字N=-1
控速移动字N=1
控速移动字N=2
控速移动字N=3
控速移动字N=4
控速移动字N=5
控速移动字N=6
控速移动字N=7
8>控速移动字N=8
控速移动字N=9
    




  <marquee scrollamount=-9>控速移动字N=-9</marquee>
  <marquee scrollamount=-1>控速移动字N=-1</marquee>

  <marquee scrollamount=1>控速移动字N=1</marquee>
  <marquee scrollamount=2>控速移动字N=2</marquee>
  <marquee scrollamount=3>控速移动字N=3</marquee>
  <marquee scrollamount=4>控速移动字N=4</marquee>
  <marquee scrollamount=5>控速移动字N=5</marquee>
  <marquee scrollamount=6>控速移动字N=6</marquee>
  <marquee scrollamount=7>控速移动字N=7</marquee>
  <marquee scrollamount=8>控速移动字N=8</marquee>
  <marquee scrollamount=9>控速移动字N=9</marquee>

    



  <marquee scrollamount=10>控速移动字N=10</marquee>
  <marquee scrollamount=20>控速移动字N=20</marquee>
  <marquee scrollamount=30>控速移动字N=30</marquee>
  <marquee scrollamount=40>控速移动字N=40</marquee>
  <marquee scrollamount=50>控速移动字N=50</marquee>
  <marquee scrollamount=60>控速移动字N=60</marquee>
  <marquee scrollamount=70>控速移动字N=70</marquee>
  <marquee scrollamount=80>控速移动字N=80</marquee>
  <marquee scrollamount=90>控速移动字N=90</marquee>

  <marquee scrollamount=100>控速移动字N=100</marquee>
  <marquee scrollamount=200>控速移动字N=200</marquee>
  <marquee scrollamount=300>控速移动字N=300</marquee>

    



  (9) 发限高控速向上、向下移动字:
  <marquee height=50 direction=down scrollamount=1>      限高控速向下移动字</marquee>
  <marquee height=50 direction=up scrollamount=2>      限高控速向上移动字</marquee>
  ------------------------------------------------------------------   
     限高控速向下移动字
  ------------------------------------------------------------------         限高控速向上移动字
  ------------------------------------------------------------------

    


  (10) 左右跳动移动字:
  <marquee scrolldelay=时间间隔>左右跳动移动字</marquee>
  <marquee scrolldelay=500>向左跳动移动字</marquee>
  <marquee direction=right scrolldelay=500>向右跳动移动字</marquee>
向左跳动移动字 向右跳动移动字

    


  (11) 发向上跳动移动字:
  <marquee height=100 direction=up scrolldelay=1000>    向上跳动移动字</marquee>
  <marquee height=100 direction=down scrolldelay=1000>    向下跳动移动字</marquee>
  ------------------------------------------------------------------   
    向上跳动移动字
  ------------------------------------------------------------------        向下跳动移动字
  ------------------------------------------------------------------

    




二、混合语句

1.
一步一步往上跳:
  <marquee height=100 direction=up scrollamount=20 scrolldelay=1000 top=100><font color=#0000FF face=Arial, Helvetica, sans-serif>      一步一步往上跳</font></marquee>
  ------------------------------------------------------------------
     一步一步往上跳
  ------------------------------------------------------------------

    




2. 发色带移动字:
  <marquee bgcolor=#ccff99>色带移动字</marquee>
色带移动字

3.
发移动倒黑体字:
  <marquee><font size=4 face="@黑体">移动倒黑体字</font></marquee>   
移动倒黑体字

    





4. 发组合移动字:

    (1) 发左右摆动字:
    1):
[<marquee width=40 behavior=alternate>还~</marquee>][<marquee width=40 behavior=alternate>好~</marquee>][<marquee width=40 behavior=alternate>么~</marquee>]</font>
    [
还~] [ 好~] [ 么~]

    




    2):
     转<marquee width=7% behavior=alternate>泡</marquee>转<marquee width=7% behavior=alternate>点</marquee>看<marquee width=7% behavior=alternate>不</marquee>看<marquee width=7% behavior=alternate>聊</marquee> <marquee behavior=alternate><u>嘻嘻~~</u></marquee>
    转
嘻嘻~~

    



    (2) 左向异速字:
<marquee scrollamount=1>你好。</marquee><marquee scrollamount=2>你好。</marquee><marquee scrollamount=3>你好。</marquee><marquee scrollamount=4>你好。</marquee><marquee scrollamount=5>你好。</marquee>
你好。 你好。 你好。 你好。 你好。

    



    (3) 中间异速字:
    1) <center>------------------------------------------------------------------<BR>[<marquee width="15%" behavior=alternate scrollamount=1>你好。</marquee>]<BR>[<marquee width="33%" behavior=alternate scrollamount=2>你好。</marquee>]<BR>[<marquee width="42%" behavior=alternate scrollamount=3>你好。</marquee>]<BR>[<marquee width="51%" behavior=alternate scrollamount=4>你好。</marquee>]<BR>[<marquee width="60%" behavior=alternate scrollamount=5>你好。</marquee>]<BR> ------------------------------------------------------------------<BR></center>
------------------------------------------------------------------
[
你好。]
[
你好。]
[
你好。]
[
你好。]
[
你好。]
------------------------------------------------------------------

    



    2) <center>[<marquee width="33%" behavior=alternate scrollamount=2>你好。</marquee>]<BR>[<marquee width="42%" behavior=alternate scrollamount=3>你好。</marquee>]<BR>[<marquee width="51%" behavior=alternate scrollamount=4>你好。</marquee>]<BR></center>
[ 你好。]
[
你好。]
[
你好。]

    



    (4) 左轮转字:
    转<marquee width=5%>泡</marquee>转<marquee width=5%>点</marquee>看<marquee width=5%>不</marquee>看<marquee width=5%>聊</marquee><marquee><u>嘻嘻~~</u></marquee>
    转
嘻嘻~~

    



    (5) 上下左右游动粗体黑字:
    <marquee height=50 behavior=alternate direction=up><marquee behavior=alternate><b><font color=BLACK>上下左右游动粗体黑字</font></b></marquee></marquee>
上下左右游动粗体黑字
    



    (6) 左右易位:
    <marquee direction=right>哇</marquee><center>嘿 嘿</center><marquee>哦</marquee></font>
嘿 嘿


    



    (7) 向左跳动:
    <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>
啦啦啦,我走一步,停一停!

    (8) 向左跑动:
    <marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>
啦啦啦,我走得好快哟!

  



    (9) 来回走动:
    <marquee behavior=alternate>啦啦啦,我来回走耶!</marquee>
啦啦啦,我来回走耶!

    (10) 向左走动:
    <marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee>
啦啦啦,我一圈一圈绕着走!
    (11) 中间出三次走动:
    <marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟哟!</marquee>
啦啦啦,我只走 3 趟哟!
    

返回到本页开头 返回网络时空论坛  组合移动字

    (12) 向上浮动:
    <marquee direction="up" style=";height:100%">             呵呵!</marquee>


    (13)
向下浮动:
    <marquee direction="down" style=";height:100%">         希望你成为这里的老朋友!</marquee>


5. 方框游动字:
    (1) <p align="center"><table border="1" width="50%"><tr><td width="100%"><marquee behavior="alternate"><font color="#FF0000" size="6" face="幼圆">方框游动字</font></marquee></td></tr></table></p>

方框游动字
    




    (2) <p align="center"><table border="2" width="20%"><tr><td width="100%"><marquee behavior="alternate"><font color="#FF0000" size="6" face="隶书">泡.点.</font></marquee></td></tr></table></p>

泡.点.
    




    (3) <p align="center"><table border="3" width="50%"><tr><td width="80%"><marquee behavior="alternate"><font color="#FF0000" size="4" face="宋体">弟姐妹们,我要先闪了!嘿嘿! </font></marquee></td></tr></table></p>

弟姐妹们,我要先闪了!嘿嘿!
    




6.文字色带组合:

    (1) 文字、色带双游动:
    <marquee><marquee bgcolor=green><font size=5 color=white>文字、色带双游动</font></marquee></marquee>
    
文字、色带双游动

    




    (2) 发左定位色带移动字:
     1) 左定位20色带移动字:
    <marquee hspace=20 width=600 bgcolor=ffaaaa>左定位20色带移动字</marquee>
左定位20色带移动字

     2) 左定位40色带移动字:
    <marquee hspace=40 width=600 bgcolor=ffaaaa>左定位40色带移动字</marquee>
左定位40色带移动字

     3) 左定位80色带移动字:
    <marquee hspace=80 width=600 bgcolor=ffaaaa>左定位80色带移动字</marquee>
左定位80色带移动字

     4) 左定位160色带移动字:
    <marquee hspace=160 width=600 bgcolor=ffaaaa>左定位160色带移动字</marquee>
左定位160色带移动字


    



    (3) 发定宽度色带移动字:
     1) 定宽度100色带移动字:
    <marquee width=100 bgcolor=ffaaaa>定宽度100色带移动字</marquee>
定宽度100色带移动字


     2) 定宽度200色带移动字:
    <marquee width=200 bgcolor=ffaaaa>定宽度200色带移动字</marquee>
定宽度200色带移动字


     3) 定宽度400色带移动字:
    <marquee width=400 bgcolor=ffaaaa>定宽度400色带移动字</marquee>
定宽度400色带移动字


    



    (4) 发相对宽度色带移动字:
     1) 相对宽度25%色带移动字:
    <marquee width=25% bgcolor=ffaaaa>相对宽度25%色带移动字</marquee>
相对宽度25%色带移动字


     2) 相对宽度50%色带移动字:
    <marquee width=50% bgcolor=ffaaaa>相对宽度50%色带移动字</marquee>
相对宽度50%色带移动字


     3) 相对宽度75%色带移动字:
    <marquee width=75% bgcolor=ffaaaa>相对宽度75%色带移动字</marquee>
相对宽度75%色带移动字


    



    (5) 发定行距色带移动字:

     1) 定行距10色带移动字:
    <marquee vspace=10 bgcolor=ffaaaa>定行距10色带移动字</marquee>
    ------------------------------------------------------------------
定行距10色带移动字
    ------------------------------------------------------------------

     2) 定行距20色带移动字:
    <marquee vspace=20 bgcolor=ffaaaa>定行距20色带移动字</marquee>
    ------------------------------------------------------------------
定行距20色带移动字
    ------------------------------------------------------------------

     3) 定行距40色带移动字:
    <marquee vspace=40 bgcolor=ffaaaa>定行距40色带移动字</marquee>
    ------------------------------------------------------------------
定行距40色带移动字
    ------------------------------------------------------------------

    




    (6) 组合:
     1) <font size=7 face="幼圆">你的快乐:</font><marquee hspace=20 vspace=40 width=200 bgcolor=ffaaaa align=middle>就是我的快乐呀!</marquee>
    你的快乐:
就是我的快乐呀!

    




     2) <marquee scrollamount=10 bgcolor=black width=150 bEhavior=alTernate><font face=WINGDINGS color=white>aa</font></marquee><font size=5 color=red face=@宋体>大家好啊!</font>
aa大家好啊!

    




 

  评论这张
 
阅读(872)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017