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

琳达 博客

海外游子

 
 
 

日志

 
 

【转载】08:趣味的移动标签  

2014-08-04 12:02:30|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自格林浪人《08:趣味的移动标签》
欢迎您!启步学代码。

(游子学习笔记。 供初学HTML代码的朋友参考)



趣味的移动标签

  用html代码编辑音画贴,不是很难的知识.因为html不是程序语言,而是标签语言,好像是用具名称,知道它的作用,就能做出什么东西.学会使用十多条htm标签,就能制作出很多精采的音画贴.比如文字标签或贴图标签,再加上移动标签marquee,就能编成许多文字或图片等趣味的动态效果.
  移动标签名称:marquee
  移动标签是成对标签:<marquee>移动内容</b></font></marquee>
  只用移动标签,没有设置其他属性内容时,默然从右向左移动,比如:

<marquee><font style=font:20pt color=#0000ff><b>只用移动标签,没有设置其他属性内容时,默然从右向左移动.</b></font></marquee>
显示效果:

只用移动标签,没有设置其他属性内容时,默然从右向左移动.



  移动标签的语句有标签名称,属性内容和属值.属性内容(指令)有方向、速度、方式、循环、延时等.常用的有方向和速度两个内容.代码模式:


<marquee scrollamount=#direction=# >图片,文字或网页</marquee>

  说明:
  ◆这条标签有一个移动名称,两个属性内容和属值.
  ◆黑色字体marquee是移动标签名称.
  ◆红色字体scrollamount=#是第一属性内容名称及属值:移动速度和参数.
  ◆蓝色字体direction=# 是第二属性内容名称及属值:移动方向和参数.


文字从左向右移动的代码:

<MARQUEE scrollAmount=3 direction=right>
<font style=font:20pt color=#0000ff><b>
向右移动语句direction=right
</b></font></marquee>


显示效果:

向右移动语句direction=right

 移动标签的语句说明:
  ◆marquee 标签名称.
  ◆scrollamount=# 属性内容速度及属值.属值:#=1 最慢 #=10 较快,参值大速度快.
  ◆direction=# 属性内容方向及属值.
  ▽移动方向属值:left向左移, right向右移,up向上移,down向下移,alternate来回走.



移动速度快慢代码:


移动速度实例代码:

<marquee scrollamount=1> <INPUT src="http://7wind.net/wysc/qita/image/297.gif" type=image width=40>我的速度太慢.scrollamount=1 </marquee> <marquee scrollamount=3> <INPUT src="http://7wind.net/wysc/qita/image/297.gif" type=image width=40>我的速度正常.scrollamount=3 </marquee> <marquee scrollamount=10> <INPUT src="http://7wind.net/wysc/qita/image/297.gif" type=image width=40>我的速度较快.scrollamount=10 </marquee>

  ◆移动速度快慢的语句scrollamount= 参数大移动快.

显示效果:

我的速度太慢.scrollamount=1 我的速度正常.scrollamount=3 我的速度较快.scrollamount=10
  



移动方向的练习

        

(一)文字从右向左移动.

<marquee scrollamount=2 direction=left>
<font style=font:15pt color=#0000ff><b>
七律 长征(1935.10)红军不怕远征难,万水千山只等闲。五岭逶迤腾细浪,乌蒙磅礴走泥丸。金沙水拍云崖暖,大渡桥横铁索寒。更喜岷山千里雪,三军过后尽开颜。
</b></font> </marquee>

显示结果:

七律 长征(1935.10)红军不怕远征难,万水千山只等闲。五岭逶迤腾细浪,乌蒙磅礴走泥丸。金沙水拍云崖暖,大渡桥横铁索寒。更喜岷山千里雪,三军过后尽开颜。



        

(二)图片从左向右移动的代码.

<marquee scrollamount=5 direction=right>
<img src=http://hunan.voc.com.cn/img/2003-12/04/xin_e926d9f8267b11d8bfe60050ba147130.gif>
</marquee>

  ◆关键语句:direction=right 从左向右移动指令.

显示结果:

08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您!




      

(三)文字从下向上移动的代码.

<b> <marquee scrollamount=1 direction=up >
<pre>
       七律 长征(1935.10)
    红军不怕远征难,万水千山只等闲。
    五岭逶迤腾细浪,乌蒙磅礴走泥丸。
    金沙水拍云崖暖,大渡桥横铁索寒。
    更喜岷山千里雪,三军过后尽开颜。
</pre></marquee>


  ◆关键语句:direction=up 从下向上移动指令.
  ◆<pre>文字内容</pre>这是文字依原来方式显示的首尾标签.

显示结果:

       七律 长征(1935.10)                    红军不怕远征难,万水千山只等闲。      五岭逶迤腾细浪,乌蒙磅礴走泥丸。      金沙水拍云崖暖,大渡桥横铁索寒。      更喜岷山千里雪,三军过后尽开颜。  



    

(四)图片从上向下移动的代码.

<marquee scrollamount=5 direction=down > <CENTER> <INPUT src="http://7wind.net/wysc/qita/image/297.gif" type=image width=70> </CENTER></marquee>

  ◆关键语句:direction=down 从上向下移动指令.


显示结果:








  

(五)图片左右来回走的代码.

<marquee scrollamount=8 behavior=alternate >
<CENTER>
<INPUT src="http://7wind.net/wysc/qita/image/297.gif" type=image width=70>
</CENTER></marquee>

  ◆关键语句:behavior=alternate 左右来回走移动指令.


显示结果:




(六)图片斜着移动的练习

  用两条移动标签,一个控制上下方向.另一个控制左右方向.比如要从左下角向右上角斜着移动,第一条标签的移动向上up,第二条标签的移动向右right.图片四种斜走的代码模式和显示效果如下:



⑴图片从左下角向右上角斜着移动的代码:

<marquee scrollamount="5" direction="up" width="380" height="380" bgcolor="#6495ED"> <marquee scrollamount="5"direction="right" width="100%"height="30" > <INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="http://bbs.gw.com.cn/UploadFile/2008-6/200861116215857132.jpg" type=image width=150 height="150"> </marquee></marquee>

  ◆第一条移动标签向上:direction="up".
  ◆第二条移动标签向右:direction="right"



显示效果:





⑵图片从右下角向左上角斜着移动的代码:

<marquee scrollamount="5" direction="up" width="380" height="380" bgcolor="#6495ED"> <marquee scrollamount="5"direction="left" width="100%"height="30" > <INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="http://bbs.gw.com.cn/UploadFile/2008-6/200861116215857132.jpg" type=image width=150 height="150"> </marquee></marquee>

  ◆第一条移动标签向上:direction="up".
  ◆第二条移动标签向左:direction="left"



显示效果:




⑶图片从右上角向左下角斜着移动的代码:

<marquee scrollamount="5" direction="down" width="380" height="380" bgcolor="#6495ED"> <marquee scrollamount="5"direction="left" width="100%"height="30" > <INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="http://bbs.gw.com.cn/UploadFile/2008-6/200861116215857132.jpg" type=image width=150 height="150"> </marquee></marquee>

  ◆第一条移动标签向上:direction="down".
  ◆第二条移动标签向左:direction="left"



显示效果:





⑷图片从左上角向右下角斜着移动的代码:

<marquee scrollamount="5" direction="down" width="380" height="380" bgcolor="#6495ED"> <marquee scrollamount="5"direction="right" width="100%"height="30" > <INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="http://bbs.gw.com.cn/UploadFile/2008-6/200861116215857132.jpg" type=image width=150 height="150"> </marquee></marquee>

  ◆第一条移动标签向上:direction="down".
  ◆第二条移动标签向左:direction="right"



显示效果:





⑸图片从右下角和左下角向左上角和右上角斜着移动合并的代码:

<table border="1" width="800" height="400" bgcolor="#6495ED"> <tr> <td width="400" height="400"> <marquee scrollamount="5" direction="up" width="400" height="400"> <marquee scrollamount="5"direction="right" width="100%"height="30" > <INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="http://bbs.gw.com.cn/UploadFile/2008-6/200861116215857132.jpg" type=image width=150 height="150"> </marquee></marquee> </td> <td width="400" height="400"> <marquee scrollamount="5" direction="up" width="400" height="400"> <marquee scrollamount="5"direction="left" width="100%"height="30" > <INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="http://bbs.gw.com.cn/UploadFile/2008-6/200861116215857132.jpg" type=image width=150 height="150"> </marquee></marquee> </td></tr></table>

  ◆设置一张宽800高400的表格,分为二个单元格,再分别插入移动图片的代码.

显示效果:







   ⑹ 图片走四方的代码.

<TABLE borderColor=fff000 height=350 cellSpacing=3 cellPadding=10 bgColor=#0000ff width=450 border=3> <TBODY> <TR> <TD> <MARQUEE scrollAmount=4 direction=down behavior=alternate height=350> <MARQUEE scrollAmount=4 behavior=alternate width=450> <INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="http://bbs.gw.com.cn/UploadFace/519242_200621410461352612.gif" type=image width=150><br><FONT color=fff000 size=4><B>走四方</B></FONT> </MARQUEE></MARQUEE> </TD></TR></TBODY></TABLE>

显示结果:


走四方



  ⑺文字在图片上向上移动的代码.

<div align="center"> <TABLE height=380 width=580 background=http://www.imagewa.com/PhotoPreview/230/230_18248.jpg border=1 cellpadding="20"> <TR> <td align=LEFT valign=top> <MARQUEE scrollAmount=1 direction=up width=450 height=150> <font face=华文行楷 size=5 color=0000ff><b>    《梅花落》<BR> 隆冬十二月,寒风西北吹。<BR> 独有梅花落,飘荡不依枝。<BR> 留恋逐霜彩,漫步下冰斯。<BR> 何当与春日,共映芙蓉词。 </b></FONT></MARQUEE> </TD></TR></TABLE></DIV>

显示结果:

   《梅花落》
隆冬十二月,寒风西北吹。
独有梅花落,飘荡不依枝。
留恋逐霜彩,漫步下冰斯。
何当与春日,共映芙蓉词。





  ⑻多张图片移动的代码.

<MARQUEE style="WIDTH: 500px" scrollAmount=3 direction=left scrolldelay='30' height=130> <img src="http://bbs.gw.com.cn/UploadFace/519242_200621410461352612.gif">  <img src="http://bbs.gw.com.cn/UploadFile/2008-6/20086111655121954.jpg">  <img src="http://bbs.gw.com.cn/UploadFile/2008-6/20086111661945415.jpg">  <img src="http://bbs.gw.com.cn/UploadFile/2008-6/200861116133244440.jpg">  <img src="http://bbs.gw.com.cn/UploadFile/2008-6/200861116134888995.jpg">  <img src="http://bbs.gw.com.cn/UploadFile/2008-6/20086111614095812.jpg">  <img src="http://bbs.gw.com.cn/UploadFile/2008-6/200861116181163750.jpg">  <img src="http://bbs.gw.com.cn/UploadFace/519242_200621410461352612.gif"> </marquee>

  ◆图片之间设一个空格,图片就不会粘并.

显示结果:

08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您!  08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您!  08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您!  08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您!  08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您!  08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您!  08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您!  08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您!




  (七)整张页面移动的代码.

<MARQUEE scrollAmount=3 behavior=alternate width="100%"> <table border="15" width="560" cellspacing="5" cellpadding="5" bgcolor="#FFFF00" bordercolor="#800000" id="table1" height="300"> <tbody> <tr> <td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#00ff00', gradientType='1')">   <DIV align=center valign=top> <MARQUEE behavior=alternate><B><FONT face=宋体 color=#9932CC size=5> <MARQUEE direction=up behavior=alternate width=30 height=40>网<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=80 height=70>络<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=50 height=40>世<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=40 height=50>界<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=40 height=65>欢<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=40 height=80>迎<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=50 height=70>大<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=40 height=60>家<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=30 height=50>光<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=60>临<BR></MARQUEE> </FONT></B></MARQUEE> <INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="http://www.nmg.xinhuanet.com/xwzx/2006-11/14/xin_381103141622703191698.jpg" type=image width=160> </DIV> </td></tr></tbody></table></MARQUEE>

  ◆整张页面移动的方法,在贴子代码文本最前行和最后行,设置移动标签即可.
  ◆页面左右移动的代码:
最前行加移动首标签<MARQUEE scrollAmount=3 behavior=alternate width="100%">
最后行加移动尾标签</MARQUEE>
  ◆如果要改变移动方向,修改移动方向属值direction=#.



显示结果:

 















  ⑽图片多行多列移动代码.

<CENTER> <DIV id=table1 style="LEFT: -20px; WIDTH: 620px; POSITION: relative; TOP: 0px"> <TABLE borderColor=660000 cellSpacing=0 cellpadding=1 bgColor=00ff00 width=620 height=300 border=20> <TR><TD> <TABLE cellSpacing=1 cellPadding=2 width=610 bgColor=#228b22 border=0> <TBODY> <TR> <TD> <TABLE cellSpacing=1 cellPadding=2 width=610 height=90 bgColor=#228b22 border=0> <TBODY> <TR> <TD> <MARQUEE scrollAmount=2> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841933482109.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088318305917481.jpg"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418534228820.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418535711311.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418545547620.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841855724520.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418551634562.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418565863211.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841857969095.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418571915347.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418585861863.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841859816396.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418592017198.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841902124062.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841903085157.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841904137495.gif"> </MARQUEE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> <TABLE cellSpacing=1 cellPadding=2 width=616 height=100 bgColor=#228b22 border=0> <TBODY> <TR> <TD width=120> <MARQUEE scrollAmount=2 direction=up width="110" height=180> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841933482109.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088318305917481.jpg"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418534228820.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418535711311.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418545547620.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841855724520.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418551634562.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418565863211.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841857969095.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418571915347.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418585861863.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841859816396.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418592017198.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841902124062.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841903085157.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841904137495.gif"> </MARQUEE></TD> <TD width=370> <TABLE border=0><TBODY><TR><TD width=370 background=http://bbs.gw.com.cn/UploadFile/2008-8/2008831933050489.gif height=150 border=0></TD></TR></TOBDY></TBODY></TABLE> <EMBED src=http://sucai.heima.com/sucai/news/t8.mid width=370 height=40 type=audio/x-ms-wma border="0"></TD> <TD width=120> <MARQUEE scrollAmount=2 direction=down width="110" height=180> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841933482109.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088318305917481.jpg"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418534228820.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418535711311.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418545547620.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841855724520.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418551634562.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418565863211.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841857969095.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418571915347.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418585861863.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841859816396.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418592017198.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841902124062.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841903085157.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841904137495.gif"> </MARQUEE></TD></TR></TBODY></TABLE> <TABLE cellSpacing=2 cellPadding=3 width=616 height=90 bgColor=#228b22 border=0> <TBODY> <TR> <TD> <MARQUEE scrollAmount=2 direction=right> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841933482109.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088318305917481.jpg"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418534228820.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418535711311.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418545547620.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841855724520.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418551634562.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418565863211.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841857969095.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418571915347.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418585861863.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841859816396.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/20088418592017198.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841902124062.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841903085157.gif"> <IMG src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841904137495.gif"> </MARQUEE> </TD></TR></TBODY></TABLE></DIV> </TD></TR></TABLE> </DIV><br><br><br><br>

显示结果:

08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您!
08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您!
08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您!
08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您! 08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您!




  ⑾文字波浪形来回移动的代码.

<table border="15" width="760" cellspacing="5" cellpadding="5" bgcolor="#FFFF00" bordercolor="#800000" id="table1" height="30"> <tbody> <tr> <td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#00ff00', gradientType='1')">   <DIV align=center valign=top> <MARQUEE behavior=alternate><B><FONT style=font:40pt face=隶书 color=#ff0000><b> <MARQUEE direction=up behavior=alternate width=60 height=95>2<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=95>0<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=100>0<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=100>8<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=100>年<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=105>北<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=100>京<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=100>奥<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=95>运<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=95>欢<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=90>迎<BR></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=95>您<BR></MARQUEE> <br><br> </FONT></B></MARQUEE> </td></tr></tbody></table>

显示结果:

 
2
0
0
8















击点打开html代码浏览器

08:趣味的移动标签 - 格林浪人 - 格林浪人 欢迎您!
  原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
2010年7月11日 格林浪人整编

(为了让更多网友学用html代码制作音画贴,本贴欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢!)

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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