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

蓝梦的博客

吸取知识传播知识让知识充实生活的每一天

 
 
 

日志

 
 
关于我

自幼与贫穷为伴,六岁开始学习针线,十岁已经承担家务大半。好不容易进了学校大门,盼到小学毕业。由于生活所迫,只好忍痛离校。又被上山下乡运动抛上了戈壁沙滩。十五年间饱偿了人间疾苦,磨灭理想,透支了健康,也燃尽了青春热能。只有学习的欲望还时隐时现。 随着返城大潮,我又回到了故乡,知识的贫乏、生活的重压、疾病的纠缠、琐事的烦恼。重新起步,谈何容易。 现在孩子虽已长大,但我依然难以摆脱困境。 可喜偏瘫了两年的我,又能行动自如了,我要把有限的时间溶入这网络的大家庭。

引用 走动字幕及代码  

2009-01-07 19:15:58|  分类: 代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

q147376645.blog.16走动字幕及代码
建立走动动代码:
<marquee width="300" height="100" direction="right" behavior="alternate" scrollamount="6" scrolldelay="88">欢迎你光临
代码注解:
①scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
②width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
③direction。表示滚动的方向,默认为从右向左:←←←。
可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓
④scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
⑤behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动

1、向左移动的文字:(不设走动方向默认向左走)
<DIV align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 20px" scrollAmount=3><P align=center><FONT face=隶书color=#ffff00 size=5><B>向左移动的文字</B></FONT></P><DIV></DIV></DIV>

向左移动的文字


2、向右移动的文字OK
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 20px" scrollAmount=10 direction=right><FONT face=隶书 color=#ffff00 size=6><B>向右移动的文字</B></FONT></MARQUEE></P>

向右移动的文字



3、多行文本向上滚动代码:
<P align=center><MARQUEE scrollAmount=2 direction=up width=300 height=80><P align=center><FONT face=隶书 color=#ffff00 size=5><B>祝愿朋友<BR>天天快乐<BR></B></FONT></P></MARQUEE></P>

祝愿朋友
天天快乐



4、向下移动的文字
<DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 50px" scrollAmount=5 direction=down>
<P align=center><FONT face=隶书 color=#ffff00 size=6><B>向下移动的文字</B></FONT></MARQUEE></DIV>

向下移动的文字



5、交替效果代码:
<P align=center><MARQUEE scrollAmount=2 behavior=alternate width=300><FONT face=隶书 color=#ffff00 size=6>欢迎你光临</FONT></MARQUEE>

欢迎你光临


6、给滚动字幕加超链接代码:
<P align=center><MARQUEE scrollAmount=2 width=450><A href="http://q147376645.blog.163.com/"><FONT face=隶书 color=#ffff00 size=6>欢迎你光临流星港湾</A></FONT></MARQUEE></P>

欢迎你光临流星港湾


7、原地跳动的文字:OK
<CENTER>
<TABLE style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1)"><FONT color=#ffffff size=6>
<MARQUEE direction=up behavior=alternate width=50 height=80>
<CENTER><B>原</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50 height=80>
<CENTER><B>地</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50 height=80>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50 height=80>
<CENTER><B>动</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50 height=80></MARQUEE></FONT></CENTER>
<TBODY></TBODY></TABLE>


8、交替跳跃的文字:OK
<CENTER><FONT style="FONT-SIZE: 20pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #ff6600; LINE-HEIGHT: 100%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=50 height=120>
<CENTER><B>交</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50>
<CENTER><B>替</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50 height=120>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50>
<CENTER><B>跃</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50 height=120>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50>
<CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>


9、模糊的背景字
<CENTER><CENTER><FONT style="FONT-SIZE: 20pt; FILTER: glow(color: 00cc00,strength=40); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=120 height=140>
<CENTER><B>模</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=80>
<CENTER><B>糊</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=140>
<CENTER><B>背</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=80>
<CENTER><B>景</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=140>
<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>



10、穿梭的文字
<CENTER>
<MARQUEE scrollAmount=1 width=60 height=60 align="center" scrolldely="15"><B><FONT style=" FONT-SIZE: 30pt; FONT-VARIANT: normal" face=华文琥珀 color=#cf34f6 size=6>月&nbsp;&nbsp;&nbsp;&nbsp;月</FONT></B></MARQUEE><STRONG><IMG style="WIDTH: 100px; HEIGHT: 110px" height=110 src="http://img.blog.163.com/photo/kC9CFQJDE42rARQ2c1BCpw==/436004738924918303.jpg" width=100> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=60 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; FONT-VARIANT: normal" face=华文琥珀 color=#ff0000 size=6>光&nbsp;&nbsp;&nbsp;&nbsp;光</FONT></B></MARQUEE><STRONG><IMG style="WIDTH: 100px; HEIGHT: 110px" height=110 src="http://img.blog.163.com/photo/AUDCWXhypeAQ_3-MqQf34Q==/4820821926123514641.jpg" width=100> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=60 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; FONT-VARIANT: normal" face=华文琥珀 color=#7cfc00 size=6>美&nbsp;&nbsp;&nbsp;&nbsp;美</FONT></B></MARQUEE><STRONG><IMG style="WIDTH: 100px; HEIGHT: 110px" height=110 src="http://img.blog.163.com/photo/4bVTO0r8BlDXvr5f4b3SQA==/423901314926360425.jpg" width=100> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=60 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; FONT-VARIANT: normal" face=华文琥珀 color=#ffff00 size=6>人&nbsp;&nbsp;&nbsp;&nbsp;人</FONT></B></MARQUEE><STRONG></STRONG></CENTER></STRONG>
 
月    月引用 走动字幕及代码 - 蓝梦 - 蓝梦的博客 光    光引用 走动字幕及代码 - 蓝梦 - 蓝梦的博客 美    美引用 走动字幕及代码 - 蓝梦 - 蓝梦的博客 人    人

11、中间向两边移动文字和图像:

<P align=center><FONT face=方正姚体 color=#ffff00 size=7>
<MARQUEE scrollAmount=3 width=200 height=80><IMG onmousewheel="return bbimg(this)" style=" CURSOR: pointer" src="http://img.blog.163.com/photo/4bVTO0r8BlDXvr5f4b3SQA==/423901314926360425.jpg"> 中间向两边走文字和图像 <IMG onmousewheel="return bbi(this)" style="CURSOR: pointer" src="http://img.blog.163.com/photo/kC9CFQJDE42rARQ2c1BCpw==/436004738924918303.jpg"></FONT></MARQUEE><FONT face=方正姚体 color=#ffffff size=7>
<MARQUEE scrollAmount=3 direction=right width=200 height=50><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="http://img.blog.163.com/photo/AUDCWXhypeAQ_3-MqQf34Q==/4820821926123514641.jpg">由中间向两边走文字和图像<IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="http://img.blog.163.com/photo/1eLa3FyCScijigAyxTtdng==/422493940042808234.jpg"></MARQUEE></FONT></MARQUEE></FONT></FONT></P></FONT>

引用 走动字幕及代码 - 蓝梦 - 蓝梦的博客 中间向两边走文字和图像 引用 走动字幕及代码 - 蓝梦 - 蓝梦的博客 引用 走动字幕及代码 - 蓝梦 - 蓝梦的博客由中间向两边走文字和图像引用 走动字幕及代码 - 蓝梦 - 蓝梦的博客



12、左右运动的文字:
<DIV align=center>
<MARQUEE direction=right width=250 height=10><FONT face=隶书 color=#00ff00 size=6>祝朋友幸福</FONT></MARQUEE></DIV>
<DIV align=center>
<MARQUEE width=250 height=10><FONT face=隶书 color=#ffff00 size=6>快乐每一天</FONT></MARQUEE></DIV>
祝朋友幸福
快乐每一天


13、波浪式的文字
<P align=center></P>
<MARQUEE scrollAmount=4 direction=up behavior=alternate height=250>
<DIV align=center>
<MARQUEE scrollAmount=3 behavior=altrnate width=460><IMG style=" HEIGHT: 61px" height=106 src="http://img.blog.163.com/photo/UDuJaJZVBIkq0T2iEmWUdw==/430375239390706973.jpg" width=90><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<FONT face=隶书 color=#ffff00 size=5>我爱你</FONT><DIV></DIV></MARQUEE></DIV></MARQUE></MARQUEE>

引用 走动字幕及代码 - 蓝梦 - 蓝梦的博客
       我爱你

14、上下跳动代码:OK
<CENTER><FONT face=隶书 color=red size=25>
<MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE><FONT color=yellow>
<MARQUEE direction=up behavior=alternate width=60 height=80>大</MARQUEE><FONT color=brown>
<MARQUEE direction=up behavior=alternate width=60 height=120>家</MARQUEE><FONT color=yellow>
<MARQUEE direction=up behavior=alternate width=60 height=80>永</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=60 height=120>远</MARQUEE><FONT color=yellow>
<MARQUEE direction=up behavior=alternate width=60 height=80>幸</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=60 height=120>福</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT></FONT></FONT></FONT></FONT></FONT>


15、中间向上下移动语法:
<DIV align=center>
<MARQUEE scrollAmount=3 direction=up width=110><IMG style=" HEIGHT: 128px" height=128 src="http://img.blog.163.com/photo/4bVTO0r8BlDXvr5f4b3SQA==/423901314926360425.jpg" width=110>
<CENTER>
<TABLE style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1)"><FONT color=#ffffff size=5>月光美人</CENTER></FONT></TABLE></MARQUEE></DIV>
<MARQUEE scrollAmount=3 direction=down>
<CENTER>
<DIV style="FILTER: flipv; WIDTH: 110px"><IMG style="WIDTH: 110px; HEIGHT: 128px" height=128 src="http://img.blog.163.com/photo/4bVTO0r8BlDXvr5f4b3SQA==/423901314926360425.jpg" width=110>
<TABLE style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1)"><FONT color=#ffffff size=5>月光美人 </CENTER></FONT></TABLE></DIV></MARQUEE>
15、中间向上下移动语法:
引用 走动字幕及代码 - 蓝梦 - 蓝梦的博客
月光美人
引用 走动字幕及代码 - 蓝梦 - 蓝梦的博客 月光美人


16、左向右上下起伏飞翔, height=200 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50至150的范围内比较好OK
<MARQUEE direction=right behavior=alternate>
<CENTER>
<MARQUEE direction=up behavior=alternate width=600 height=300><FONT face=华文行楷 color=#ffff00 size=6><B>!去回快</B></FONT><BR>
<CENTER><IMG style=" HEIGHT: 69px" height=69 src="http://img.blog.163.com/photo/3ypL-V-xLvYagp_RCyI7KQ==/1450722029966827152.jpg" width=164><IMG src="http://www.zzi.cc/sck/gif/wp5/h-red.gif"><IMG style="WIDTH: 107px; HEIGHT: 92px" height=338 src="http://img.blog.163.com/photo/YQc9jgFaPbeOmr5yqbOQMQ==/1450722029966827121.jpg" width=298></CENTER>
<CENTER></CENTER></MARQUEE><BR></CENTER></MARQUEE>
!去回快
引用 走动字幕及代码 - 蓝梦 - 蓝梦的博客引用 走动字幕及代码 - 蓝梦 - 蓝梦的博客引用 走动字幕及代码 - 蓝梦 - 蓝梦的博客



17、右向左上下起伏飞翔,height=100 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50至150的范围内比较好OK
<MARQUEE>
<MARQUEE direction=up behavior=alternate height=200><IMG src="http://www.zzi.cc/sck/gif/wp5/h-red.gif"><IMG style=" HEIGHT: 126px" height=223 src="http://img.blog.163.com/photo/OQSqibgMw6KQnWMUW7yEFw==/422493940042808230.jpg" width=300><FONT face=华文行楷 color=#ffff00 size=6>我在追心</B></FONT></MARQUEE></MARQUEE>
引用 走动字幕及代码 - 蓝梦 - 蓝梦的博客引用 走动字幕及代码 - 蓝梦 - 蓝梦的博客我在追心

  评论这张
 
阅读(214)| 评论(0)

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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