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

快乐食疗健康园地

关注自己健康,就是关爱家人。癌症很难治愈,但癌症很好预防。所以,最好的治疗是预防

 
 
 

日志

 
 
关于我

高血压控制方法咨询电话:13319808799、QQ:630040243, 癌症食疗控制交流电话:18999253916、QQ:994668926

网易考拉推荐

【引用】文字移动代码大全[引用]  

2011-09-30 18:58:23|  分类: 网络知识文章 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

 

一、从右向左移

 代码 

<marquee direction=left>需要移动的文字</marquee>

试例效果:

从右向左移
二、从左向右移

 代码 

<marquee direction=right>需要移动的文字</marquee>

试例效果:

从左向右移
三、一圈一圈绕着移动

 代码 

<marquee behavior=scroll>需要移动的文字</marquee>

试例效果:

一圈一圈绕着移动
四、只移动三次就停了

 代码 

<marquee loop=3 behavior=slide>需要移动的文字</marquee>

试例效果:

只移动三次就停了
五、移一步,停一停

 代码 

<marquee scrolldelay=500 scrollamount=100>需要移动的文字</marquee>

试例效果:

移一步,停一停
六、左右来回移动

 代码 

<marquee behavior=alternate>需要移动的文字</marquee>

试例效果:

左右来回移动
七、忽隐忽现移动

 代码 

<marquee behavior="alternate"><marquee width="150" direction=right>需要移动的文字</marquee>

试例效果:

忽隐忽现移动
八、从下向上移动

 代码 

<marquee direction=up><div align="center">需要移动的文字</div></marquee>

试例效果:

从下向上移动

九 、从上向下移动

 代码 

<marquee direction=down><div align="center">需要移动的文字</div></marquee>

试例效果:

从上向下移动

十、垂直往复移动

 代码 

<marquee direction=up behavior=alternate><div align="center">需要移动的文字</font></div></marquee>

试例效果:

垂直往复移动

十一、从左上向右下移动

 代码 

<marquee direction=right><marquee width=216 direction=down>需要移动的文字</marquee>

试例效果:

从左上向右下移动

十二、 从右上向左下移动

 代码 

<marquee direction=left><marquee direction=down>需要移动的文字</marquee>

试例效果:

从右上向左下移动

十三、从左下向右上移动

 代码 

<marquee direction=right><marquee direction=up>需要移动的文字</marquee>

试例效果:

从左下向右上移动

十四、从右下向左上移动

 代码 

<marquee direction=left><marquee direction=up>需要移动的文字</marquee>

试例效果:

从右下向左上移动

十五、水平相反移动

 代码 

<p align=center> <marquee width="216px">需要移动的文字</marquee><marquee width="216px" direction=right>需要移动的文字</marquee></p>

试例效果:

水平相反移动 动移相反平水

十六、左右两边向中间移动

 代码 

<p align=center><marquee style="width:216px;" direction=right>需要移动的文字</marquee><marquee style="width:216px;" direction=left>需要移动的文字</marquee></p>

试例效果:

左右两边向中间移动 动移间中向边两右左

十七、左右两边向中间来回移动

 代码 

<MARQUEE scrollAmount=3 behavior=alternate width="40%">左右向中间来回移动</MARQUEE><MARQUEE scrollAmount=3 direction=right behavior=alternate width="40%">动移回来间中向右左</MARQUEE>

试例效果:

左右向中间来回移动 动移回来间中向右左
十八、从上下向中间移动

 代码 

<p></p><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移动的文字</center></marquee><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移动的文字</center></marquee></center></center><p></p>

试例效果:

从上下向中间移动 从上下向中间移动
十九、从中间向上下移动

 代码 

<p></p><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移动的文字</center></marquee><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移动的文字</center></marquee></center></center><p> </p></marquee>

试例效果:

从中间向上下移动 从中间向上下移动
二十、上下向中间来回移动

 代码 

<MARQUEE scrollAmount=1 direction=down behavior=alternate height=50><DIV align=center>上下向中间来回移动</DIV></MARQUEE><MARQUEE scrollAmount=1 direction=up behavior=alternate height=50><DIV align=center>上下向中间来回移动</DIV></MARQUEE>

试例效果:

上下向中间来回移动

上下向中间来回移动

二十一、上下交替移动

 代码 

<marquee direction=up behavior=alternate width=45 height=160><center>需</center></marquee><marquee direction=up behavior=alternate width=45><center>要</center></marquee><marquee direction=up behavior=alternate width=45 height=160><center>移</center></marquee><marquee direction=up behavior=alternate width=45><center>动</center></marquee><marquee direction=up behavior=alternate width=45 height=160><center>的</center></marquee><marquee direction=up behavior=alternate width=45><center>文</center></marquee></marquee><marquee direction=up behavior=alternate width=45 height=160><center>字</center></marquee>

试例效果:

二十二、移动后消失

 代码 

<marquee style="width: 288px; height: 120px" scrollAmount=5 direction=up><center><div><marquee direction=up behavior=alternate width=30 height=100><center>需</center></marquee><marquee direction=up behavior=alternate width=30 height=110><center>移</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>要</center></marquee><marquee direction=up behavior=alternate width=30 height=110><center>动</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>的</center></marquee><marquee direction=up behavior=alternate width=30 height=110><center>字</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>文</center></marquee></div></center></marquee>

试例效果:

二十三、波浪式移动

 代码 

<div align=center><marquee width=288

filter: wave(add=0,lightstrength=50,strength=3,freq=2,

phrase=10); scrollAmount=5 direction=up behavior=alternate><div align=center><marquee scrollAmount=3 behavior=altrnate width=216><div align=center>需要移动的文字</div></marquee></div></marquee></div>

试例效果:

波浪式移动

二十四、往复波浪式移动

 代码 

<marquee width=288 filter: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); scrollAmount=5 direction=up behavior=alternate><marquee scrollAmount=3 behavior=alternate width=288>需要移动的文字</marquee></marquee>

试例效果:

往复波浪式移动
二十五、交替往复波浪式移动

 代码 

<marquee width=436 scrollAmount=5 direction=right behavior=alternate><marquee direction=up behavior=alternate width=50 height=200 align="middle">需</marquee><marquee direction=up behavior=alternate width=50 height=150>的</marquee><marquee direction=up behavior=alternate width=50 height=200>要</marquee><marquee direction=up behavior=alternate width=50 height=150>文</marquee><marquee direction=up behavior=alternate width=50 height=200>移</marquee><marquee direction=up behavior=alternate width=50 height=150>字</marquee><marquee direction=up behavior=alternate width=50 height=200>动</marquee>

</marquee>

试例效果:

二十六、S型移动

 代码 

<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=120 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=50,color=.ffffff)"><center>需要移动的文字</center></marquee>

试例效果:

文字S型移动

二十七、 多层多式复合移动

 代码 

<table bgcolor="#ffffff"> <tr><td width="1" valign="top" > <marquee direction="down" behavior="alternate" scrollamount=1 height="120"> <marquee direction="right" scrollamount=4 behavior="alternate" width="288">需要移动的文字</marquee> </marquee> </td> <td width="288"> <marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height="120" width="288" style="Text-align;filter:wave(add=1,phase=4, freq=1,strength=50)"><center>需要移动的文字</center></marquee></td></tr></table>

试例效果:

波浪式移动 S型、上下移动
二十八、文字竖排渐出移动

 代码 

<div align=center><marquee scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=290 height=180><marquee style="line-height: 120%; writing-mode: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=290 height=180><p align=center>需要移动的字文<br>.<br>.<br>.<br>需<br>要<br>移<br>动<br>的<br>文<br>字<br>.<br>.<br>.</p></marquee></marquee></div>

试例效果:

历史的天空

暗淡了刀光剑影

远去了鼓角铮鸣

眼前飞扬着一个个

鲜活的面容

湮没了黄尘古道

荒芜了烽火边城

岁月啊你带不走

那一串串熟悉的姓名

兴亡谁人定啊

盛衰岂无凭啊

一页风云散啊

变幻了时空

聚散皆是缘哪

离合总关情啊

担当生前事啊

何计身后评

长江有意化作泪

长江有情起歌声

历史的天空闪烁几颗星

人间一股英雄气

在驰骋纵横

二十九、文字穿梭移动

 代码 

<marquee scrollAmount=2 width=30 height=20>文&nbsp;&nbsp;&nbsp;&nbsp;文</marquee>&nbsp;&nbsp;&nbsp;&nbsp;<marquee scrollAmount=2 width=30 height=20>字&nbsp;&nbsp;&nbsp;&nbsp;字</marquee>&nbsp;&nbsp;&nbsp;&nbsp;<marquee scrollAmount=2 width=30 height=20>穿&nbsp;&nbsp;&nbsp;&nbsp;穿</marquee>&nbsp;&nbsp;&nbsp;&nbsp;<marquee scrollAmount=2 width=30 height=20>梭&nbsp;&nbsp;&nbsp;&nbsp;梭</marquee>&nbsp;&nbsp;&nbsp;&nbsp;

试例效果:

  文        文       字        字       穿        穿       梭        梭

附  注

           各主要参数的含义:

           align:是设定活动对象(图片或文字)的位置。

           direction:用于设定活动对象的移动方向。

           behavior="scroll"表示由一端移动到另一端。

           behavior="slide"表示由一端移动到另一端,且不再

                                    重复。

           behavior="alternate"表示在两端之间来回移动。

           height:用于设定移动对象的高度。

           width:则设定移动对象的宽度。

           hspace:用于设定移动对象的左右边框宽度。

           vspace:上下边框的宽度。

           scrollamount:用于设定活动对象的移动距离,数值大

                                   越移动越快。

           scrolldelay:用于设定移动两次之间的延迟时间,数

                               值越大越有跳跃感。

           loop:用于设定移动的次数,不设置该值则为无限循环

           style="font-size: "用于设定文字大小。

           wline-htight: 用于设定文字行间距。

           font-family: 用于设定字体。

           <marquee>标记的默认情况是向左移动无限次,字幕高度是

                             文本高 度,移动范围:水平移动的宽度是当前位

                             置的宽度,垂直移动的高度是当前位置的高度。

        本文由网易博客"边缘秀地"http://blog.163.com/china_0ne原创,

 分享请保留“引用”或注明出处!建议查看4原文3。        

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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