分享

音画代码大全

 陈主君 2016-03-10

  1、音画代码

<P align=center><EMBED style="WIDTH: 550px; HEIGHT: 347px" align=center src=http://q.yesky.com/uploads/attachments/2009-02/05/0go7e15h.swf width=550 height=347 type=application/x-shockwave-flash ></P>

   2、图上部显示序号、图下部显示swf地址的代码:

<P align=center>1</P>

<P align=center><EMBED src=http://pp6143.com./s50.swf width=480 height=360 type=application/x-shockwave-flash ></P>

<P align=center><A href="http://pp6143.com./s50.swf">http://pp6143.com./s50.swf</A></P>

注:绿色部分调整即可

   3、虚影图片加FLASH代码〔制作不同的图只要更换红色部分即可〕:

<P align=center>

<TABLE style="FILTER: Alpha(opacity=100,style=2); WIDTH: 566px; HEIGHT: 378px" borderColor=#d2b48c height=378 cellSpacing=1 width=566 align=center background=http://img.blog.163.com/photo/y9GKLe4IIRz4BEMcFvuh9A==/2328079532374361304.jpg border=1>

<TBODY><TR>

<TD align=middle width="93%"><BR><BR><BR><BR><BR><BR><EMBED style="WIDTH: 560px; HEIGHT: 300px" src=http://my./flashline/sucai/bird/128.swf width=560 height=300 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" autostart="0" quality="high" wmode="transparent"> < TD></TD></TR></TBODY></TABLE></P>

 

说明:<center><TABLE cellSpacing=0 cellPadding=0 width=475 background=http://www./UploadFile/2005-5/2005511222146934.jpg border=0>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=2)" <去掉做则不是虚影的图片,可直接在图片里加透明FLASH>width=475 background=http://xz./100007/../../admin/uploadpic/200411502633442.jpg<将你要加的图片地址备份复制好后粘贴在图片地址上就是你想要加的图片了>>height=320><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/61.swf <找你喜欢透明的FLASH素材备份好地址后复制好后粘贴在FLASH地址上就是你要加的FLASH透明动画了>width=475 height=425 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></CENTER>

帖子透明虚化:使用时必须去掉"HTML"旁边"自动修正"的钩。

几种虚化效果代码:

       圆形效果代码:

 <IMG src="图片" width=500 height=375 style="filter:Alpha(opacity=100,style=2);">

      方形效果代码:

 <IMG src="图片" style="filter: Alpha(opacity=200,style=3)" width=500 height=375>

      椭圆效果代码:

 <IMG src="图片" style="filter:Alpha(opacity=100,finishOpacity=0,style=2)" width=500 height=375>

     4 、音乐代码

一.帖歌时不隐藏播放器

1、自动播放

<embed src="网址" height="300" width="450" autostart="true"  loop="true" > 

2、点击后播放

<embed src="网址" height="300" width="450" autostart="false">

二.帖歌时隐藏播放器且自动播放:

<embed src="背景音乐网址" hidden="true" autostart="true"  loop="true" >

注:1、TRUE 自动播放;FALSE 不自动播放。

        2、LOOP="TRUE / FALSE / 数字" :设定是否要自动反覆播放,LOOP=2 表示重复两次,LOOP="TRUE"无限次重复播放。

        3、WIDTH 和 HIGH="数字" :设定控制面版的宽度和高度。

        4、hidden="true":不显示播放器的外观,相当把播放器的高度和宽度设置为0。

   5、图片代码

1.基本代码

<img src=图片网址 width=图片宽度 height=图片高度>

注:embed为FLASH代码

2.给图片加边框

<table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><tr><td><img src=图片网址 width=600 height=407></td></tr></table>

说明:

border="6" 表格边框的厚度

cellspacing="2" 表格格线的厚度

cellPadding=1 表格格线内厚度

borderColor=#841A00 边框色彩

   6、22种CSS朦胧图片修饰代码

1.单线框

<img src="图片地址" style="border:3 solid #ff0000">

2.双线框

<img src="图片地址" style="border:5 double green">

 3.凸出框

<img src="图片地址"style="border:25 outset #ff88ff">

4.凹进框

<img src="图片地址" style="border:25 inset #ff88ff">

5.邮票框

<table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"><tr><td bgcolor="#aeffae" width=533 height=399 align=center valign=middle><img src="图片地址"></td></tr></table>

6.虚线框

<img src="图片地址" style="border:4 dashed #ff0000">

7.凹槽框

<img src="图片地址" style="border:25 groove green" border="0">

8.脊状框

<img src="图片地址" style="border:25 ridge green" border="0">

9.立体阴影框

<table width=400 height=400 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"><tr><td bgcolor="#ffffff" align=center valign=middle><img src="图片地址"></td></tr></table>

10.横向渐变透明

<img src="图片地址" style="filter=alpha(opacity=100,style=1,finishopacity=0)">

11.圆形渐变透明

<img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)">

12.X形渐变透明

<img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)">

13.黑白效果

<img src="图片地址" style="filter:'gray'">

14.X光效果(底片)

<img src="图片地址" style="filter:'xray'">

15.浮雕效果

<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()">

16.上下颠倒

<img src="图片地址" style="filter:flipv">

17.左右颠倒

<img src="图片地址" style="filter:fliph">

18.色彩颠倒

<img src="图片地址" style="filter:invert">

19.粒状阴影

<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)">

20.模糊效果

<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)">

21.水波效果(风吹)

<img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)">

22.倒影效果

<font style="width:533;height:399"><img src="图片地址"><font style="width:533;height:399;filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()"><img src="图片地址"></font>

       7、有背景图片的多层动画代码:

<P align=center>

<TABLE height=350 cellSpacing=0 cellPadding=0 width=455 align=center background=http://img698.photo.163.com/lch84486101/74148385/2328414283.jpg border=1><TBODY><TR>

<TD><FONT color=#ffff00><EMBED align=right src=http://whiteclou./s-helpSite/domName/whiteclou/200411182124680666.swf width=400 height=300 type=application/octet-stream quality="high" wmode="transparent"> <EMBED align=right src=http://pinwenxuan./s-helpSite/domName/pinwenxuan/200410232131857034.swf width=400 height=300 type=application/octet-stream quality="high" wmode="transparent"> <EMBED align=right src=http://whiteclou./s-helpSite/domName/whiteclou/200411182054569156.swf width=400 height=300 type=application/octet-stream quality="high" wmode="transparent"> </EMBED><EMBED align=right src=http://pin./s-helpSite/domName/pin/20041120302281789.swf width=400 height=300 type=application/octet-stream quality="high" wmode="transparent"></EMBED></FONT></TD></TR></TBODY></TABLE></P>

    注:

   1、如果只放一层透明flash动画,动画代码中的align=right 就可以删去不要;

    2、如果要在背景图片上放几个透明flash动画,那就将动画代码复制粘贴几次依次排列于后,切记,复制粘贴的动画代码中,src的前面必须加上align=right ,否则几个动画就不是叠放的了,那就会按上、中、下的顺序依次排列了,这个align=right 代码是叠放的关键;

    3、代码复制粘贴好后,就选择你喜欢的图片网址粘贴在绿色背景图片地址处,选择你喜欢的动画地址依次粘贴在红色透明flash动画地址处;

    4、如果宽度(width)和高度(height)不合,就调一下它们的值,背景图片的高度和宽度在红色代码中调,动画的高度和宽度在黑色代码中调。

    5、向圈子发动画时,会多出一些 allowNetworking="internal" allowScriptAccess="never" 这样的代码,只有删除这些代码,动画才可以显示,否则看不到动画效果。

   8、有边框、背景、音乐的多层动画代码:

<TABLE cellSpacing=20 cellPadding=0 width=700 align=center background=http://bbs.cn./user_img/200708/15/wetqy3_1187166977951425.gif border=2>

<TBODY><TR><TD>

<TABLE cellSpacing=10 borderColorDark=#6c3365 cellPadding=0 width="100%" borderColorLight=#6c3365 background=http://img.blog.163.com/photo/t0KifLmh6GLLu1-yTpb4Qw==/886646176639199310.jpg border=1 bortercolor="#000000"><TBODY><TR><TD>

<TABLE cellSpacing=0 width="100%" background=http://www./bbs5/UploadFile/2006-12/200612298163686045.jpg border=0><TBODY><TR><TD>

(以上是音画边框代码,也可以去掉不用)

<TABLE style="WIDTH: 700px; HEIGHT: 525px" height=525 cellPadding=0 width=700 align=center background=图片地址 border=0><TBODY><TR><TD>

(以上是背景图片代码,你可以根据图片大小进行调整)

<EMBED align=right src=第一层FLASH地址 width=696 height=521 type=application/x-shockwave-flash quality="high" wmode="transparent"> <EMBED align=right src=第二层FLASH地址 width=696 height=521 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent"> <EMBED align=right src=第三层FLASH地址 width=696 height=521 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent"> <EMBED align=right src=第四层FLASH地址 width=696 height=521 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent"> <EMBED align=right src=第五层FLASH地址 width=696 height=521 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent"> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

(以上是五层FLASH的代码,你可以换上自己喜欢的FLASH)

<EMBED src=音乐地址 hidden=true type=audio/mp eg AUTOSTART="1" loop="-1" allowNetworking="internal" allowScriptAccess="never">

(以上代码是设置背景音乐,是采取隐藏和循环方式的)

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>   

     9、无背景图片,动画之间的组合代码:

<P align=center><TABLE height=375 cellSpacing=0 cellPadding=0 width=500    border=5><TBODY><TR><TD>

<EMBED align=right src=http://teacher./users/teacher/song88/userupload/l6.swf width=500 height=375

type=application/octet-stream ;; quality="high" wmode="transparent"><EMBED style="WIDTH: 500px;

HEIGHT: 375px" align=right src=http://youngcolor.com./swf1/59.swf  width=500 height=375

type=application/octet-stream ;; quality="high"wmode="transparent"><EMBED style="WIDTH: 500px;

HEIGHT: 375px" align=right src=http://youngcolor.com./swf1/36.swf width=500 height=375

type=application/octet-stream ;; quality="high"wmode="transparent">

</EMBED></TD></TR></TBODY></TABLE></P>

注:透明的flash放在前面,不透明的放后面,否则看不到效果。如果要加图片做背景,就不能使用不透明的flash。

      10、大图音画代码:  

<P align=center><A href="网页地址" target=_blank><FONT face=黑体 color=#386138 size=4>点击进入看全屏</FONT></A></P>

<P align=center> </P>

<P align=left></P>

<DIV style="LEFT: -35; WIDTH: 1000; POSITION: relative; TOP: 20px"><IFRAME marginWidth=0 marginHeight=0 src="网页地址" frameBorder=0 width=1000 scrolling=no height=4000></IFRAME></DIV>

        11、自用鱼荷时钟代码:

<P align=left>

<TABLE style="WIDTH: 240px; HEIGHT: 390px" height=390 cellPadding=0 width=240 align=center background=http://img.blog.163.com/photo/JT-jMq_WBP1c8MlO-G8PXw==/2022960657620253546.jpg 背景border="0">

<TBODY><TR><TD>

<P align=center><EMBED src=http://www./clocks/0012-yellow.swf?时钟TimeZone=CCT& width=150 height=150 type='application/x-shockwave-flash allowScriptAccess="never"'   quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"><AUTOSTART="0" P> <BR><BR><BR><BR><BR><EMBED align=right src=http://podmedia./uploadpodmedia/2008/2/18/20080218131010_40107.swf height=186 type='application/x-shockwave-flash allowScriptAccess="never"'   quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never" 鸭width="240"><AUTOSTART="0" P> <EMBED align=right src=http://my./flashline/sucai/lian/81.swf height=166 type='application/x-shockwave-flash allowScriptAccess="never"'   quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never" 荷width="240"><AUTOSTART="0" P> <EMBED align=right src=http://podmedia./uploadpodmedia/2008/1/26/20080126224545_81019.swf height=166 type='application/x-shockwave-flash allowScriptAccess="never"'   quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never" 鱼width="240"><AUTOSTART="0" P>

<CENTER></CENTER><P></P></TD></TR></TBODY></TABLE></P>

        

        12、163网易图片如何在其他网站博客显示?

只要在图片地址前加上:http://www./163.asp?url=  即图片的地址变为:

http://www./163.asp?url=http://img.photo.163.com/0aGxGBawsnVqSwSDZkmTxw==/790381734604264717.gif

就可以正常显示了!

       13、如何在首页用图片、文字显示日志摘要?

日记写完未发表前,在面板下面点击《其他设置》,在出现的《摘要》里(大方框中)

将下面的代码粘贴进去:

<A href="该篇日记的地址" target=_blank><IMG  src="要使用的图片的地址" ></A>

或用以下代码:

<table width="400" border="0" cellspacing="0"><tr><td width="219"><a href="日志网址" target="_blank"><img src="图片网址"  border="0"></a></td>

<td width="177"><p><font size=4>说明的文字<br>说明的文字 </p><p></p></td></tr></table>

注:博客的首页要设置显示《摘要》。

   14、数字时钟制作代码

 效果:

代码: <embed src="http://www./clocks/5002-red.swf?TimeZone=China_Beijing&Place=&DateFormat=YYYY-MM-DD&"  width="192" height="16" wmode="transparent" type="application/x-shockwave-flash">

注意:代码中的彩色部分可根据下面提供的参数随意更改.

 ①.时钟文字显示颜色(代码中红色加粗部分)有以下9种颜色参考:

 时钟文字显示颜色 时钟显示代码颜色
 红色 red
 绿色 green
 黄色 yellow
 橙色 orange
 蓝色 blue
 灰色 gray
 粉色 pink
 紫色 purple
 白色 white

 ②.时钟日期显示样式(代码中绿色加粗部分)有以下12种样式参考:

 时钟显示效果 时钟显示代码格式
 2009-02-03 YYYY-MM-DD
 2009-Feb-03 YYYY-mm-DD

 02-03-2009

 MM-DD-YYYY
 Feb-03-2009 mm-DD-YYYY
 03-02-2009 DD-MM-YYYY
 03-Feb-2009 DD-mm-YYYY
 09-02-03 YY-MM-DD
 09-Feb-03 YY-mm-DD
 02-03-09 MM-DD-YY
 Feb-03-09 mm-DD-YY
 03-02-09 DD-MM-YY

 03-Feb-09   DD-mm-YY

 

     15、文字环绕图片排版方法(即图片在中间、四周是文字)。

 代码:

<DIV align=center><TABLE cellSpacing=1 cellPadding=0 rules=no width=720><TBODY><TR align=left>

<TD colSpan=3>图上方的文字输入处</TD></TR><TR align=middle><TD>图左边的文字输入处 </TD>

<TD><IMG height=315 src="图片地址" width=420></TD><TD>图右边的文字输入处</TD></TR>

<TR align=left><TD colSpan=3>图下方的文字输入处</TD></TR></TBODY></TABLE></DIV>

      16、怎样在Flash动画上再加进自己的梦幻图片?

代码:<EMBED src=动画地址 width=600 height=480 type=application!/x-shockwave-flash  wmode="transparent"> <P style="MARGIN-TOP: -350px; MARGIN-LEFT: 10px" align=center> <IMG style="FILTER: alpha(style=2,opacity=100,,$s:LF> finishopacity=0); WIDTH: 356px; CURSOR: hand; HEIGHT: 261px" height=280 src="图片地址" width=300></P>

说明:

红色为动画代码;蓝色为叠放代码; 紫色为梦幻效果及加自选图片代码。

如需居中,可在所有代码前加<DIV align=center>   所有代码后加</DIV>。

修改图片大小代码:<IMG height=40  src=" 图片地址 " width=500></SPAN>      

不想修改图片大小就用这个代码: <IMG src="图片地址" border=0>

17、怎样在别人的动画中加进自己文字效果?

 动画代码:<EMBED src=动画地址  width=600 height=480 type=application!/x-shockwave-flash wmode="transparent" >

 叠放代码:  <p style="MARGIN-TOP: -350px; MARGIN-LEFT: 10px" align=center>

 向上移动文字效果代码:

<MARQUEE style="WIDTH: 93px; HEIGHT: 166px" scrollAmount=2 direction=up>

<P><FONT color=#ff0000>输入文字处</FONT></P><BR>

<P><FONT color=#ff0000>输入文字处</FONT></P><BR>

<P><FONT color=#ff0000>输入文字处</FONT></P><BR>

<P><FONT color=#ff0000>输入文字处</FONT></P> </MARQUEE> </P>

代码示范:

<DIV align=center>

<EMBED src=http://imggz./ttthvtwsdttythhywwzwhtvjssvrvsddrrjtj.swf width=600 height=480 type=application!/x-shockwave-flash wmode="transparent" >

<P style="MARGIN-TOP: -350px; MARGIN-LEFT: 10px" align=center>

<MARQUEE style="WIDTH: 93px; HEIGHT: 166px" scrollAmount=2 direction=up>向上移动

<P><FONT color=#ff0000>输入文字处</FONT></P><BR>

<P><FONT color=#ff0000>输入文字处</FONT></P><BR>

<P><FONT color=#ff0000>输入文字处</FONT></P><BR>

<P><FONT color=#ff0000>输入文字处</FONT></P> </MARQUEE> </P></DIV>

      18、网易升级后博客在留言栏发图片代码

        <P align=center><A href="博客地址" target=_blank><IMG alt=鹦哥拜访 src="图片地址+"></A></P>

         19、图片在背景框中间向上滚动的代码

 <TABLE borderColor="#ff7f50" border="3" width="550" align="center" background="http://www.eonet./~qingshuix/mobile/bj001.gif"><TBODY><TR><TD align="center"><MARQUEE scrollamount="2" direction="up" height=430><CENTER><IMG src="http://www.eonet./~qingshuix/mobile/yj.jpg"><BR><IMG src="http://www.eonet./~qingshuix/mobile/yj.jpg"></CENTER></MARQUEE></TD></TR></TBODY></TABLE>

        20、给照片加镜框代码  

</B><BR><TABLE cellSpacing=0 cellPadding=0 width=300 align=center background=http://download./entertainment/imglib/01/010702b2.jpg><TBODY><TR>

<TD align=middle width="100%"><IMG src="http://www./picture/xx9/xbk/142.gif"></TD></TR></TBODY></TABLE><BR>

<DIV></DIV><P></P>

红色部分为图片地址,蓝色部分为像框地址,可以随意更换.

      21、直接在图片上写文字代码

<div align="center"><div style="background-image: url图片地址 background-repeat: repeat; background-attachment: scroll; font-style: normal; font-variant: normal; font-weight: normal; line-height: 25px; font-size: 12px; font-family: verdana; width:图片尺寸(高) height:图片尺寸(宽) padding-left: 10px; padding-right: 0px; padding-top: 14px; background-"><br /><div align="left">

<div style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FILTER: alpha(opacity=60); WIDTH:文字范围(宽)HEIGHT:文字范围(高)>文字内容</div></div><br /></div></div>

     22、不间断来回移动图片代码

 <MARQUEE scrollAmount=3 behavior=alternate width="100%">

<P align=center>

<TABLE height=350 cellSpacing=0 width=3089 background=http://blog.163.com/photo/kxbPWTR9hYqllUbk501RBg==/2256866363266081823.jpg border=0>

<TBODY><TR><TD></TD></TR></TABLE></P></MARQUEE>

    23、几种特殊代码

黑白效果  <center><img src="图片网址" style="filter:'gray'"></center>

X光效果(底片)<center><img src="图片网址" style="filter:'xray'"></center>

浮雕效果  <center><img src="图片网址" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>

上下颠倒  <center><img src="图片网址" style="filter:flipv">

左右颠倒  <center><img src="图片网址" style="filter:fliph"></center>

色彩颠倒  <center><img src="图片网址" style="filter:invert"></center>

粒状阴影  <center><img src="图片网址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center>

水波效果(风吹)<center><img src="图片网址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>

静态倒影 <P align=center><IMG height=高度 src="图片地址" width=宽度><BR><IMG style="FILTER: wave

(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" height=高度 src="图片地址" width=宽度> </p>

        24、彩字代码

<P align=center><STRONG><FONT face=华文行楷><FONT size=7><FONT color=#ff0000>彩</FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>体</FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff>绚</FONT><FONT color=#ff00ff>丽</FONT></FONT></FONT></STRONG></P>

效果:彩色字体色彩绚丽

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多