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

美好宁静之光

美好的回忆从这里开始......

 
 
 

日志

 
 

HTML代码总汇  

2010-02-03 20:56:51|  分类: 博客制作技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


 


HTML代码总汇

我近来在网上收 一些常用代码,现归纳如下.

在日志里添加WMV文件

<P><EMBED style="WIDTH: 600px; HEIGHT: 368px" pluginspage=http://www.microsoft.com/isapi/redir.dll?prd=windows&amp;sbp=mediaplayer&amp;ar=media&amp;sba=plugin&amp; src=wmv 地址width=600 height=368 border="0" showcontrols="1" showaudiocontrols="1" showstatusbar="1" autostart="1" loop="0" enablecontextmenu="1"></EMBED> </P>

在日志里添加RM文件

<embed src="RM地址" controls="ImageWindow,ControlPanel,StatusBar" border="0" width="100%" height="200" autostart="1" loop="0"></embed>

在日志里添加FLASH文件

<P><EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=FLASH地址 width=600 height=400 type=application/x-shockwave-flash quality="high"> </P>

                                                 (二)

朦胧图片加入两个透明FLASH的效果,代码如下:

<TABLE style="FILTER: alpha(opacity=100,style=2); WIDTH: 0px; BORDER-COLLAPSE: collapse; HEIGHT: 0px" borderColor=#555555 cellSpacing=0 cellPadding=0 width=0 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD><BR><EMBED style="WIDTH: 595px; HEIGHT: 406px" align=right src=透明FLASH地址 width=589 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED style="WIDTH: 589px; HEIGHT: 400px" align=right src=透明FLASH地址 width=650 height=500 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE>

图片朦胧效果的代码如下:

<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=1)" width=595 background=图片地址 height=406>
<P align=center><EMBED src=http://imgfree.21cn.com/free/flash/33.swf width=590 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>

请大家注意:style=1或2或3,其图片朦胧的效果就不同,如果是4就没有效果了。在朦胧图片的基础上还能加入透明的FLASH。其代码如下:

<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=3)" width=595 background=图片地址 height=406>
<P align=center><EMBED src=透明FLASH地址 width=590 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>

                                          (三)

一张照片,2个动画合并的特效代码:

<P align=center>
<TABLE height=363 cellPadding=0 width=539 align=center background=http://romantic-art.com/cards14/waitingonyou/WaitingForYoutop.jpg border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://mtv.vicn.com/upload/20044822575911087.swf width=500 height=360 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right src=http://forshine.net/flash/94.swf width=500 height=360 type=application/octet-stream wmode="transparent" quality="high"></TD></TR></TBODY></TABLE>

【二】一张图片,二个特效动画合并的代码效果:


<P align=center>
<TABLE height=363 cellPadding=0 width=500 align=center background=http://jinmei.16789.net/07081564052.jpg border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://mtv.vicn.com/upload/20044822575911087.swf width=500 height=360 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right src=http://love.xaonline.com/upload/2004719/UF604426.swf width=500 height=360 type=application/octet-stream wmode="transparent" quality="high"></TD></TR></TBODY></TABLE>

                                             (四)

<P align=center> </P>

<P align=center><FONT face=华文彩云 color=#ee110e size=5>

<MARQUEE width=200 height=50>由中间向两边移动的文字和图像</FONT></MARQUEE><FONT face=华文彩云 color=#ee110e size=5><FONT face=华文彩云 color=#ee1111 size=5>

<MARQUEE direction=right width=200 height=50>由中间向两边移动的文字和图像</FONT></MARQUEE></FONT></FONT></P></FONT>

 2.文字左向右移动

<DIV imgzoom" scrollAmount=2 direction=right><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>要写的文字</FONT></MARQUEE>

3.文字向下移动

<MARQUEE scrollAmount=2 direction=down><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>要写的文字</FONT></MARQUEE>

4.文字向上移动

<MARQUEE scrollAmount=2 direction=up><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>要写的文字</FONT></MARQUEE>

5.文字跳舞

<CENTER><FONT size=8><FONT face=隶书 color=red>

<MARQUEE direction=up behavior=alternate width=80 height=120></MARQUEE></FONT><FONT color=yellow>

<MARQUEE direction=up behavior=alternate width=80 height=80></MARQUEE></FONT><FONT color=brown>

<MARQUEE direction=up behavior=alternate width=80 height=120></MARQUEE></FONT><FONT color=green>

<MARQUEE direction=up behavior=alternate width=80 height=80></MARQUEE></FONT><FONT color=orange>

<MARQUEE direction=up behavior=alternate width=80 height=120></MARQUEE></FONT></FONT></CENTER></DIV>

 6.光晕效果文字代码
<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=5>要输入的文字</FONT></DIV>
7.滚动字代码
<marquee border="0" align="middle" scrolldelay="120">要输入的文字</marquee>
8.涂鸦版
这个涂鸦板,就是版面设计不好,代码是:
<EMBED pluginspage=_Prod_Version=ShockwaveFlash src=http://flash.haoniub.com/flash_data/fe_f/6633.swf width=400 height=300 type=application/x-shockwave-flash quality="high">
9.发光效果
<FONT style="COLOR: #FF0033; FILTER: glow(color=blue); FONT-FAMILY: 宋体; FONT-SIZE: 30pt; WIDTH: 100%"><B>要输入的文字</B></FONT>
10.模糊效果
<FONT color=#FF0033 style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; WIDTH: 200px">要输入的文字</FONT>


11发光文字代码:
<table style="FILTER: glow(color=#6699FF,direction=2)"><font color=#ffffff size=2>
要修改的文字</font></table>


其中color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强度,font color是原字体的颜色。


12浮雕的文字:
<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font color=#ffffff>
要修改的文字</font></table>


其中color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offxoffy是设置的阴影和文字的距离,font color是原字体的颜色。


13 阴影的文字:
<table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);"><font color=#6CABE7 size=2>
要修改的文字</font></table>

 

14 七彩文字背景代码:

<TABLE style="WIDTH: 500px; HEIGHT: 140px" align=center background=http://99927.com/client/zcsl/200644152842607.GIF border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle>
<P><FONT style="FONT-SIZE: 38pt" face=
华文行楷 color=#336699

                              (五)

带背景的往上浮动字公告栏:

<CENTER>
<TABLE width=190 border=0>
<TBODY>
<TR>
<TD background=
http://bbs.flasher123.com/UploadFile/2006-5/2006541630737427.gif height=240>
<DIV align=center>
<DIV style="OVERFLOW: auto; WIDTH: 159px; HEIGHT: 145px">
<P align=center>
<MARQUEE scrollAmount=1 scrollDelay=60 direction=up height=60><FONT color=#ff0000 size=3>公告内容
<BR></FONT></MARQUEE></P>
</DIV></DIV></TD></TR></TBODY></TABLE></CENTER>

1、代码中红色的部分就是背景图片的链接地址
2、代码中黄色的部分是使用的图片的高和宽,一定要设置成和图片一致,否则图片不能完整显示
3、代码中蓝色的部分是滚动文字的设置代码,direction=up向上down向下righ向右tleft向左
4、粉色的代码部分是文字从公告栏空白处出来时的高度,可以随意调节.

                             (六) 

打开博客就听到欢迎光临的声音        

             

 <DIV>&nbsp;</DIV><BGSOUND balance=0 src="http://www.prcen.com/Share/media/welcome.WAV" volume=0>
直接复制在自定义上既可。

  快乐天使欢迎您光临!

 http://yuangmiaoying.1976.blog.163.com/

 

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

历史上的今天

评论

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

页脚

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