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

小縤的雨轩阁

珍惜有这一个温馨的空间,珍惜我们在此的相遇……

 
 
 

日志

 
 

引用 〈经过验证的常用特效飘浮花、移动图画代码、滚动字幕代码 、特效字代码〉  

2010-04-30 05:52:56|  分类: 博客各类代码使用 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

梅玉儿〈经过验证的常用特效飘浮花、移动图画代码、滚动字幕代码 、特效字代码〉

 

           〈经过验证的常用特效飘浮花、移动图画代码

 

     

一、几片飘舞的小枫叶:
<EMBED style="LEFT: 250px; WIDTH: 400px; ; TOP: 200px; HEIGHT: 300px" align=right src=http://forshine.net/flash/68.swf width=400 height=400 type=application/octet-stream ;; quality="high" wmode="transparent">


 

二、飘落的黄花:
<DIV><LOOP="TRUE" AUTOSTART="TRUE"><EMBED style="LEFT: 100px; WIDTH: 700px; ; TOP: 480px; HEIGHT: 2700px" align=left src=http://www.cjhz.com/bbs/UploadFile/2004-8/20048794655165.swf width=700 height=500 type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED style="LEFT: 160px; WIDTH: 660px; ; TOP: 200px; HEIGHT: 700px" align=left src=http://www.cjhz.com/bbs/UploadFile/2004-8/20048794655165.swf width=600 height=100 type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED style="RIGHT: 110px; WIDTH: 260px; ; TOP: 460px; HEIGHT: 200px" align=right src=http://bg.cn898.net/3.swf width=300 height=200 type=application/octet-stream wmode="transparent" quality="high" ;;><BR><BR></DIV>


三、向上浮动的蓝水泡
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/74.swf width=346 height=140 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/74.swf width=346 height=140 type=application/x-shockwave-flash wmode="transparent" quality="high">


四、欢迎图片在日志页面自下而上往上浮动:
<DIV style="Z-INDEX: 2; LEFT: 10px; WIDTH: 211px; ; TOP: 100px; HEIGHT: 120px">
<TABLE cellSpacing=10 cellPadding=0 width="60%" border=0>
<TBODY>
<TR vAlign=top width="90%" height=274>
<DIV align=center>
<MARQUEE style="FLOAT: none; MARGIN-LEFT: auto; MARGIN-RIGHT: auto" scrollAmount=10 scrollDelay=99 direction=up width=400 height=1000 border="0"><FONT color=#0000ff><FONT face=隶书 color=red size=5><B>亲爱的的朋友:欢迎您光临梅玉儿温馨家园!</B></FONT><BR><BR><BR>
<IMG src=http://bbs.yunbbs.com/uploadFile/2004-12/20041210163350528.jpg>
</FONT></MARQUEE>
</TD></TR></TBODY></TABLE></DIV>

 

五、转圈地漂的字和图
<P align=center>
<MARQUEE scrollAmount=12 direction=center behavior=alternate>
<MARQUEE direction=up behavior=alternate width=400 height=400>
<P align=center><IMG src="图片"><IMG src="输入图片地址"><IMG src="图片"></P><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=000000); WIDTH: 160%; COLOR: #4d4dff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">欢迎你到梅玉儿温馨家园来作客!</FONT></MARQUEE></MARQUEE></P>


 

 

六、在一张图里面漂动的文字
<table align=center border=3 bordercolor="#CD5C5C" width=450

height=350><td background=大图片><marquee behavior=alternate

scrollamount=3 direction=down height=350><marquee

behavior=alternate scrollamount=3 width=500><img src=小图片

><font color=red size=6><b>梅玉儿温馨家园欢迎您!</b><img src=

小图片></font></marquee></table><br>

 

七、使图片朦胧效果的代码:

 <IMG src="图片" width=500 height=375 style="filter:Alpha

(opacity=100,style=2);">

 

十七、从右往左面移动的图片的代码
<marquee><img src="图片";><img src="图片";><img src="图片";><marquee>

 

八:欢迎词的特效字代码:
白色特效字代码:
<DIV style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: #FFCC00; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎您</B></DIV>
白色特效字:
<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=green); WIDTH: 72%; COLOR: white; LINE-HEIGHT: 150%;
FONT-FAMILY: 华文彩云"><B>欢迎您的到来</B></FONT>
浅玫红底白字特效代码:
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>我爱你 </B></FONT> <BR><BR></CENTER>

 

九、加入挂件:

左边挂件:

<DIV style="LEFT: 5px; ; TOP: 200px" align=left><IMG src="挂件地址" align=left><DIV>
 
右边挂件:
<DIV style="LEFT: 900px; ; TOP: 200px" align=right><IMG src="挂件地址" align=right></DIV>
 
其中LEFT: 为从左向右移的位置,即挂件距离屏幕左边缘的距离;TOP: 为从上向下移的位置,即挂件距离屏幕上边缘的距离!左右两边挂件都是以屏幕左边缘为基准的,其距离的具体数值可根据实际情况而定!
 

 

 

 

             

               《滚动字幕的制作》

 

强烈建议用记事本打开网页源代码来编辑。

1.建立第一个滚动字幕。代码:
<2.各参数详解:
a)
scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
c)
direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

3.实例:
a)
如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。如下效果,代码是<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>,点击中央电视台就可以进入了:例:

中央电视台


b)如何制作当鼠标停留在文字上,文字停止滚动


代码如:
<marquee scrollAmount=2 width=300

网络情缘欢迎您的光临!

c)交替效果。代码如:
<marquee scrollAmount=2 width=99
behavior=alternate

>文字内容</marquee>
效果如:

文字内容

d)多行文本向上滚动。代码如:
<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·今朝食乜好呢?<p>·<a href=http://www.cctv.com>中央电视台</a></marquee>
效果如:

·早晨好啊!
·空气好清新啊
·今朝食乜好呢?

·中央电视台

·注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:
<script>document.write(''<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·今朝食乜好呢?<p>·<a href=http://www.cctv.com>中央电视台</a></marquee>'')</script>

改变滚动字幕的颜色?可以用样式表来控制。如下效果,代码是 <marquee scrollAmount=2 width=300><a style=color:CC6600>我钟意网页树树!</a></marquee> 。

我爱网络情缘!

由上可以看出,HTML代码是可以随意组合的,功能强大!

 

附:滚动字幕代码:

1.上下滚动:

代码:<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px; COLOR: rgb(34,34,221); LINE-HEIGHT: 17px; HEIGHT: 125px" scrollAmount=1 scrollDelay=1 direction=up height=125>这里是文字<BR></MARQUEE>

2.左右滚动:

代码:<marquee direction="left" scrollamount="1" scrolldelay="10" border="0" width=500 > 这里是文字

 

 

                  《特效字代码》

1、http://blog.163.com/qsl955/blog/static/14807020068712311478/摘自玫瑰夫人)
2、
http://blog.163.com/qsl955/blog/static/1480702006415620350/(来自秋水共长天网)

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

历史上的今天

评论

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

页脚

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