图片羽化带文字的代码音画

个人日记

 

代码:

<P><IMG  style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 870px; HEIGHT: 720px" height=1000 src="背景图片地址" width=870 eventslistuid="e3" quotetimer="205927846"></P>

<IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 424px; POSITION: absolute; TOP: 23px" height=280 alt="" src="图片地址1" width=210>

<IMG title="" style="Z-INDEX: 3; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 180px; POSITION: absolute; TOP: 16px" height=224 alt="" src="图片地址2" width=176>

<IMG title="" style="Z-INDEX: 4; LEFT: 300px; POSITION: absolute; TOP: 150px" height=40 alt="" src="图片地址3" width=40>

注:定位代码:LEFT: 20px(横向:以左边缘为依据,数字越大越往右行 TOP: 10px(竖向:以上边缘为依据,数字越大越往下行)。
羽化代码: FILTER: alpha(opacity=100,finishopacity=0,style=2);
图片大小 width=997宽度  height=280高度     红色字体可以更改的,请你们制做的时候看清楚

 

<P>
<TABLE style="BACKGROUND-IMAGE: url(背景图片); WIDTH: 840px; HEIGHT: 1000px" borderColor=#cccccc cellSpacing=10 cellPadding=10 width=840 align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>&nbsp;</TD></TR></TBODY></TABLE></P>
<P></P>
<P></P>
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 800px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址1" width=850> </CENTER></DIV>
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 1300px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址2" width=850> </CENTER></DIV>
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 2300px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址3" width=850> </CENTER></DIV>

<P></P>
<P>&nbsp;</P>
<TABLE style="BACKGROUND-IMAGE: url(http://b53.photo.store.qq.com/http_imgload.cgi?/rurl4_b=6e160f59cd001931f781309272008ae01b566513beeeec6216bd42a91b883c11f5d12ee549e93bbfec2c5a9d98719f2647d443b26273fc4dd0276dfa149be8f72f75a9cecbff284d729c78df61c0bc5a62fcbdc9&a=55&b=53); WIDTH: 870px; HEIGHT: 1000px" borderColor=#cccccc cellSpacing=8 cellPadding=8 width=870 align=center bgColor=#ffffff border=0>
<DIV style="LEFT: 160px; POSITION: absolute; TOP: 0px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址1" width=600> </CENTER></DIV>
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 10px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址2" width=400> </CENTER></DIV>
<TBODY></TBODY></TABLE>

 

 

 两种变色音画的代码

<P></P>
<TABLE style="BACKGROUND-IMAGE: url(http://b54.photo.store.qq.com/http_imgload.cgi?/rurl4_b=6e160f59cd001931f781309272008ae05fd0153cc7328ceb9e03f7fe445fa1169d5b2dedec6e009f37b35dc6456d6cd2d4e6b9c77cf32217a2c05b8d2558ed2ec450159c8ab4559fd70df08ec644850bd40a34bf&a=54&b=54); WIDTH: 870px; HEIGHT: 1000px" borderColor=#cccccc cellSpacing=10 cellPadding=10 width=870 align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<DIV style="LEFT: 320px; POSITION: absolute; TOP: 5px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址1" width=550> </CENTER></DIV>
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 700px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址2" width=600> </CENTER></DIV></TR></TBODY></TABLE>


 另一组


<table style="BACKGROUND-IMAGE: url(背景图片地址)" title=输入制作名字  borderColor=#cce000 cellPadding=20 width="98%" bgColor=#ffffff align=center><TR><TD height=3800><P style="MARGIN: 0px">&nbsp;</p>
<div align=right>
<CENTER></CENTER></div>
<div style="POSITION: absolute; TOP: 100px; LEFT: 360px">
<CENTER><IMG style="FILTER: alpha(opacity=100,style=3); WIDTH: 434px; HEIGHT: 520px" src="图片地址1" width=745 height=500> </CENTER></div>
<div style="POSITION: absolute; TOP: 0px; LEFT: 20px">
<CENTER><IMG style="FILTER: alpha(opacity=100,style=3); WIDTH: 634px; HEIGHT: 650px" src="图片地址2" width=745 height=900> </CENTER></div>
<div style="POSITION: absolute; TOP: 550px; LEFT: 10px">
<CENTER><IMG style="FILTER: alpha(opacity=100,style=3); WIDTH: 533px; HEIGHT: 637px" src="图片地址3" width=745 height=500
>
文字文字
<DIV style="LEFT: 50px; POSITION: absolute; TOP: 400px">
<P><FONT face=宋体 color=#00ff00 size=5><STRONG>文字</STRONG></FONT></P>
<P><FONT face=宋体 color=#00ff00 size=5><STRONG>文字</STRONG></FONT></P>
<P><FONT face=宋体 color=#00ff00 size=5><STRONG>文字</STRONG></FONT></P>
<P><FONT face=宋体 color=#00ff00 size=5><STRONG>文字</STRONG></FONT></P>
<P><FONT face=宋体 color=#00ff00 size=5><STRONG>文字</STRONG></FONT></P>
<P><FONT face=宋体 color=#00ff00 size=5><STRONG>文字</STRONG></FONT></P>

 

 

<DIV style="LEFT: 50px; POSITION: absolute; TOP: 400px">
<P><FONT face=楷体_GB2312 color=#ff0000 size=5><STRONG>文字 </STRONG></FONT></P>
<P><FONT face=楷体_GB2312 color=#ff0000 size=5><STRONG>文字 </STRONG></FONT></P>
<P><FONT face=楷体_GB2312 color=#ff0000 size=5><STRONG>文字</STRONG></FONT></P>
<P><FONT face=楷体_GB2312 color=#ff0000 size=5><STRONG>文字</STRONG></FONT></P>
<P><FONT face=楷体_GB2312 color=#ff0000 size=5><STRONG>文字</STRONG></FONT></P>
<P><FONT face=楷体_GB2312 color=#ff0000 size=5><STRONG>文字 </STRONG></FONT></P>
<P><FONT face=楷体_GB2312 color=#ff0000 size=5><STRONG>文字 </STRONG></FONT></P>

 空中描边射字

<DIV style="POSITION: absolute; TOP: 450px; LEFT: 580px">
<DIV style="FILTER: shadow(color=#6600cc, strength=8); LINE-HEIGHT: 100%; WIDTH: 250px; FONT-FAMILY: 明少编辑; COLOR: #ff0000; FONT-SIZE: 17pt">
<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P>
<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P>
<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P>
<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P>
<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P>
<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P>
<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P>
<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P></DIV></FONT></DIV></DIV>

 

重叠字

<DIV style="POSITION: absolute; TOP: 450px; LEFT: 580px">

<div align="center" style="height:1;font-size:30pt;filter:dropshadow(color=maroon,positive=1);">重叠字</div>

<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P>
<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P>
<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P>
<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P>
<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P>
<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P>
<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P>
<P><FONT color=#ffcc00 face=楷体_GB2312><STRONG>文字</STRONG></FONT></P>


 

 

带阴影的文字

 <DIV style="LEFT: 16px; WIDTH: 566px; POSITION: absolute; TOP: 156px; HEIGHT: 881px">
<P><FONT face=楷体_GB2312 color=#ffcc00 size=5><STRONG>
<DIV align=center>
<DIV style="FILTER: shadow(color=#000066, strength=10); WIDTH: 368px; HEIGHT: 769px">
<P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 32pt; COLOR: #7fffd4; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal"><B><FONT face=tao color=#ff6600 size=6>文字</FONT></B></FONT></P>
<P><FONT face=tao color=#ff6600 size=6>文字</FONT></P>
<P><FONT face=tao color=#ff6600 size=6>文字</FONT></P>
<P><FONT face=tao color=#ff6600 size=6>文字</FONT></P>
<P><FONT face=tao color=#ff6600 size=6>文字</FONT></P>
<P><FONT face=tao color=#ff6600 size=6>文字</FONT></P>
<P><FONT face=tao color=#ff6600 size=6>文字</FONT></P>

移动文字代码
<DIV style="LEFT: 50px; POSITION: absolute; TOP: 400px">
<MARQUEE>
<P><FONT face=宋体 color=#00ff00 size=5><STRONG>文字</STRONG></FONT></P>
<P><FONT face=宋体 color=#00ff00 size=5><STRONG>文字</STRONG></FONT></P>
<P><FONT face=宋体 color=#00ff00 size=5><STRONG>文字</STRONG></FONT></P>
<P><FONT face=宋体 color=#00ff00 size=5><STRONG>文字</STRONG></FONT></P>
<P><FONT face=宋体 color=#00ff00 size=5><STRONG>文字</STRONG></FONT></P>
<P><FONT face=宋体 color=#00ff00 size=5><STRONG>文字</STRONG></FONT></P><MARQUEE>

 

 <DIV style="LEFT: 80px; POSITION: absolute; TOP: 50px">
<MARQUEE>
<P><FONT face=Helvetica><FONT size=6><FONT color=#ff0000><STRONG>善良的女人最美&nbsp; 善良女人最美 善良的女人最美 </STRONG>&nbsp;</FONT></FONT></FONT></P></MARQUEE></DIV>

 

<DIV style="LEFT: 120px; POSITION: absolute; TOP: 2500px">
<MARQUEE>
<P><FONT face=楷体_GB2312 color=#ffcc00 size=5><STRONG>文字</STRONG></FONT></P>
<P><STRONG><FONT face=楷体_GB2312 color=#ffcc00 size=5>文字</FONT></STRONG></P>
<P><STRONG><FONT face=楷体_GB2312 color=#ffcc00 size=5>文字</FONT></STRONG></P>
<P><STRONG><FONT face=楷体_GB2312 color=#ffcc00 size=5>文字</FONT></STRONG></P>
<P><STRONG><FONT face=楷体_GB2312 color=#ffcc00 size=5>文字</FONT></STRONG></P>
<P><STRONG><FONT face=楷体_GB2312 color=#ffcc00 size=5>文字</FONT></STRONG></P>
<P><STRONG><FONT face=楷体_GB2312 color=#ffcc00 size=5>文字</FONT></STRONG></P>
<P><STRONG><FONT face=楷体_GB2312 color=#ffcc00 size=5>文字</FONT></STRONG></P>
<P><STRONG><FONT face=楷体_GB2312 color=#ffcc00 size=5>文字</FONT></STRONG></P>
<P><STRONG><FONT face=楷体_GB2312 color=#ffcc00 size=5>文字</FONT></STRONG></P>

里面的向左<left>还能改成负数.

 

网页颜色代码对照表

#FFFFFF#FFFFF0#FFFFE0#FFFF00
#FFFAFA#FFFAF0#FFFACD#FFF8DC
#FFF68F#FFF5EE#FFF0F5#FFEFDB
#FFEFD5#FFEC8B#FFEBCD#FFE7BA
#FFE4E1#FFE4C4#FFE4B5#FFE1FF
#FFDEAD#FFDAB9#FFD700#FFD39B
#FFC1C1#FFC125#FFC0CB#FFBBFF
#FFB90F#FFB6C1#FFB5C5#FFAEB9
#FFA54F#FFA500#FFA07A#FF8C69
#FF8C00#FF83FA#FF82AB#FF8247
#FF7F50#FF7F24#FF7F00#FF7256
#FF6EB4#FF6A6A#FF69B4#FF6347
#FF4500#FF4040#FF3E96#FF34B3
#FF3030#FF1493#FF00FF#FF0000
#FDF5E6#FCFCFC#FAFAFA#FAFAD2
#FAF0E6#FAEBD7#FA8072#F8F8FF
#F7F7F7#F5FFFA#F5F5F5#F5F5DC
#F5DEB3#F4F4F4#F4A460#F2F2F2
#F0FFFF#F0FFF0#F0F8FF#F0F0F0
#F0E68C#F08080#EEEEE0#EEEED1
#EEEE00#EEE9E9#EEE9BF#EEE8CD
#EEE8AA#EEE685#EEE5DE#EEE0E5
#EEDFCC#EEDC82#EED8AE#EED5D2
#EED5B7#EED2EE#EECFA1#EECBAD
#EEC900#EEC591#EEB4B4#EEB422
#EEAEEE#EEAD0E#EEA9B8#EEA2AD
#EE9A49#EE9A00#EE9572#EE82EE
#EE8262#EE7AE9#EE799F#EE7942
#EE7621#EE7600#EE6AA7#EE6A50
#EE6363#EE5C42#EE4000#EE3B3B
#EE3A8C#EE30A7#EE2C2C#EE1289
#EE00EE#EE0000#EDEDED#EBEBEB
#EAEAEA#E9967A#E8E8E8#E6E6FA
#E5E5E5#E3E3E3#E0FFFF#E0EEEE
#E0EEE0#E0E0E0#E066FF#DEDEDE
#DEB887#DDA0DD#DCDCDC#DC143C
#DBDBDB#DB7093#DAA520#DA70D6
#D9D9D9#D8BFD8#D6D6D6#D4D4D4
#D3D3D3#D2B48C#D2691E#D1EEEE
#D1D1D1#D15FEE#D02090#CFCFCF
#CDCDC1#CDCDB4#CDCD00#CDC9C9
#CDC9A5#CDC8B1#CDC673#CDC5BF
#CDC1C5#CDC0B0#CDBE70#CDBA96
#CDB7B5#CDB79E#CDB5CD#CDB38B
#CDAF95#CDAD00#CDAA7D#CD9B9B
#CD9B1D#CD96CD#CD950C#CD919E
#CD8C95#CD853F#CD8500#CD8162
#CD7054#CD69C9#CD6889#CD6839
#CD661D#CD6600#CD6090#CD5C5C
#CD5B45#CD5555#CD4F39#CD3700
#CD3333#CD3278#CD2990#CD2626
#CD1076#CD00CD#CD0000#CCCCCC
#CAFF70#CAE1FF#C9C9C9#C7C7C7
#C71585#C6E2FF#C67171#C5C1AA
#C4C4C4#C2C2C2#C1FFC1#C1CDCD
#C1CDC1#C1C1C1#C0FF3E#BFEFFF
#BFBFBF#BF3EFF#BEBEBE#BDBDBD
#BDB76B#BCEE68#BCD2EE#BC8F8F
#BBFFFF#BABABA#BA55D3#B9D3EE
#B8B8B8#B8860B#B7B7B7#B5B5B5
#B4EEB4#B4CDCD#B452CD#B3EE3A
#B3B3B3#B2DFEE#B23AEE#B22222
#B0E2FF#B0E0E6#B0C4DE#B0B0B0
#B03060#AEEEEE#ADFF2F#ADD8E6
#ADADAD#ABABAB#AB82FF#AAAAAA
#A9A9A9#A8A8A8#A6A6A6#A52A2A
#A4D3EE#A3A3A3#A2CD5A#A2B5CD
#A1A1A1#A0522D#A020F0#9FB6CD
#9F79EE#9E9E9E#9C9C9C#9BCD9B
#9B30FF#9AFF9A#9ACD32#9AC0CD
#9A32CD#999999#9932CC#98FB98
#98F5FF#97FFFF#96CDCD#969696
#949494#9400D3#9370DB#919191
#912CEE#90EE90#8FBC8F#8F8F8F
#8EE5EE#8E8E8E#8E8E38#8E388E
#8DEEEE#8DB6CD#8C8C8C#8B8B83
#8B8B7A#8B8B00#8B8989#8B8970
#8B8878#8B8682#8B864E#8B8386
#8B8378#8B814C#8B7E66#8B7D7B
#8B7D6B#8B7B8B#8B795E#8B7765
#8B7500#8B7355#8B6969#8B6914
#8B668B#8B6508#8B636C#8B5F65
#8B5A2B#8B5A00#8B5742#8B4C39
#8B4789#8B475D#8B4726#8B4513
#8B4500#8B3E2F#8B3A62#8B3A3A
#8B3626#8B2500#8B2323#8B2252
#8B1C62#8B1A1A#8B0A50#8B008B
#8B0000#8A8A8A#8A2BE2#8968CD
#87CEFF#87CEFA#87CEEB#878787
#858585#848484#8470FF#838B8B
#838B83#836FFF#828282#7FFFD4
#7FFF00#7F7F7F#7EC0EE#7D9EC0
#7D7D7D#7D26CD#7CFC00#7CCD7C
#7B68EE#7AC5CD#7A8B8B#7A7A7A
#7A67EE#7A378B#79CDCD#787878
#778899#76EEC6#76EE00#757575
#737373#71C671#7171C6#708090
#707070#6E8B3D#6E7B8B#6E6E6E
#6CA6CD#6C7B8B#6B8E23#6B6B6B
#6A5ACD#698B69#698B22#696969
#6959CD#68838B#68228B#66CDAA
#66CD00#668B8B#666666#6495ED
#63B8FF#636363#616161#607B8B
#5F9EA0#5E5E5E#5D478B#5CACEE
#5C5C5C#5B5B5B#595959#575757
#556B2F#555555#551A8B#54FF9F
#548B54#545454#53868B#528B8B
#525252#515151#4F94CD#4F4F4F
#4EEE94#4D4D4D#4B0082#4A708B
#4A4A4A#48D1CC#4876FF#483D8B
#474747#473C8B#4682B4#458B74
#458B00#454545#43CD80#436EEE
#424242#4169E1#40E0D0#404040
#3D3D3D#3CB371#3B3B3B#3A5FCD
#388E8E#383838#36648B#363636
#333333#32CD32#303030#2F4F4F
#2E8B57#2E2E2E#2B2B2B#292929
#282828#27408B#262626#242424
#228B22#218868#212121#20B2AA
#1F1F1F#1E90FF#1E1E1E#1C86EE
#1C1C1C#1A1A1A#191970#1874CD
#171717#141414#121212#104E8B
#0F0F0F#0D0D0D#0A0A0A#080808
#050505#030303#00FFFF#00FF7F
#00FF00#00FA9A#00F5FF#00EEEE
#00EE76#00EE00#00E5EE#00CED1
#00CDCD#00CD66#00CD00#00C5CD
#00BFFF#00B2EE#009ACD#008B8B
#008B45#008B00#00868B#00688B
#006400#0000FF#0000EE#0000CD
#0000AA#00008B#000080#000000

浏览器不支持嵌入式框架,或被配置为不显示嵌入式框架。


 

 

竖式字

<DIV style="LEFT: 420px; POSITION: absolute; TOP: 80px">
<DIV style="FONT-SIZE: 20pt; WIDTH: 400px; WRITING-MODE: tb-rl; HEIGHT: 750px; TEXT-ALIGN: left">
<P><FONT face=楷体_GB2312 color=#ff0000><STRONG>素材/网/自己名字制作</STRONG></FONT></P>

音画中加文字的位置是:先把</TR></TBODY></TABLE>删了,在把文字代码复制到图片代码的后面。

 

图片朦胧效果

A.圆形效果
代码: <IMG src="图片" width=500 height=375 style="filter:Alpha(opacity=100,style=2);">

B.方形效果
代码: <IMG src="图片" style="FILTER: Alpha(opacity=200,style=3)" width=500 height=375>

C.椭圆效果

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

 

 

 

 

图片移动穿越代码

 

<DIV style="LEFT: 0px; POSITION: absolute; TOP: 10px">
<CENTER>
<MARQUEE><IMG style="FILTER: alpha(opacity=200,style=3)" src="移动图片地址" width=400></MARQUEE></CENTER></DIV>

 

文字移动穿越代码

 

<DIV style="LEFT: 80px; POSITION: absolute; TOP: 120px">
<DIV align=center><BR>
<MARQUEE>
<DIV style="FILTER: shadow(color=#cc25cc, strength=0); WIDTH: 720px; HEIGHT: 140px"><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; COLOR: #00ff00; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=qingxiu><STRONG><FONT face=楷体_GB2312 color=#ff00cc>书写移动文字</FONT><BR></STRONG></FONT></DIV></MARQUEE></DIV>

 

文字穿越代码中的:WIDTH: 720px; HEIGHT: 140px 分别表示文字框的宽、高,调整数据为WIDTH: 120px; HEIGHT: 540px 左右,就得到竖列文字。

代码中的数据可以调整,只有你尝试了才有发现!祝你成功!

不羽化的图片向左移动代码

<marquee scrollamount="2" direction=LEFT><img src=图片地址> </marquee>

多张图片向左移动代码
<marquee direction=left width=宽度> <img src="第一张图片地址"><img src="第二张图片地址"> <img src="第三张图片地址"> <img src="第四张图片地址"> </marquee>

 普通方法:

 

文字图片左移代码

 

[代码marque]输入您要的文字或图片[代码/marque]

 

使用方法:(上面代码中[代码marque]为前码,[代码/marque]为后码) 打开空间点日志——点写日志——复制以上代码粘贴在编辑框内,居中——去掉代码中的“代码”二字,删除输入您要的文字或图片几个字,在前码和后码中间插入图片和文字,预览或发表就OK了。(图文联合移动演示效果见标题)

 

高级用法:

 

(一)单张图片移动代码

 

 <MARQUEE scrollAmount=3 direction=right width=546 height=420>
<MARQUEE scrollAmount=3 width=420 height=546>
<DIV align=center><IMG src="图片地址"> </DIV></MARQUEE></MARQUEE>

 

演示效果:

 

 (二)多张图片滚动代码

 

<P align=center>
<MARQUEE scrollAmount=4 behavior=alternate width=650 height=150><IMG src="图片地址" border=0><IMG src="图片地址" border=0><IMG src="图片地址" border=0><IMG src="图片地址" border=0><IMG src="图片地址" border=0><IMG src="图片地址" border=0><IMG src="图片地址" border=0><IMG src="图片地址" border=0><IMG src="图片地址" border=0><IMG src="图片地址" border=0><IMG src="图片地址" border=0></MARQUEE></P>

 

演示效果: 

文章评论