美轮美奂的特效代码展示！(页 1) - 「唯美音画」 - 爱吧音乐花园 --enjoy music enjoy your life！

花香凝露 发表于 2006-12-2 13:42

美轮美奂的特效代码展示！

<TABLE style="BORDER: #f13c96 18px ridge"><TR><TD>
<IMG height=333 src=http://www.18i8.com/bbs/attachments/1_gsbbre7yiNEp.jpg width=443></TD></TR></TABLE>
[code] <TABLE style="BORDER: #f13c96 18px ridge"><TR><TD>
<IMG height=333 src=http://www.18i8.com/bbs/attachments/1_gsbbre7yiNEp.jpg width=443></TD></TR></TABLE>
[/code]
[code]边框样式

none：无样式；
　　dotted：点线；
　　dashed：虚线；
　　solid：实线；
　　double：双线；
　　groove：槽线；
　　ridge：脊线；
　　inset：内凹；
　　outset：外凸。[/code]

花香凝露 发表于 2006-12-2 13:55

<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=332 cellSpacing=0 cellPadding=0 width=442 align=center background=http://www.18i8.com/bbs/attachments/1_gsbbre7yiNEp.jpg border=0>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>
[code]<TABLE style="FILTER: Alpha([color=Red]opacity=100,style=2[/color])" height=332 cellSpacing=0 cellPadding=0 width=442 align=center background=http://www.18i8.com/bbs/attachments/1_gsbbre7yiNEp.jpg border=0>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>
[/code]

[code]红色参数可以修改为1、2、3，效果分别为右边雾化，椭圆雾化，方形雾化。[/code]

花香凝露 发表于 2006-12-2 14:00

透明框

<DIV style="position:relative; top:0px; left:0px; width:490px; height:370px;overflow: hidden">
<div style="position: absolute; top: 0px; left: 0px">
<img SRC="http://www.18i8.com/bbs/attachments/1_gsbbre7yiNEp.jpg" width=490 height=370 onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onmousewheel="return bbimg(this)" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></div><div style="position: absolute; top: 0px; left: 0px">
<table width="490" height="370" border="33" cellspacing="0" style="filter: Alpha(Opacity=43,Style=0)"><tr><td width=100% align="center"></td></tr></table></div></DIV>

[code]<DIV style="position:relative; top:0px; left:0px; width:490px; height:370px;overflow: hidden">
<div style="position: absolute; top: 0px; left: 0px">
<img SRC="http://www.18i8.com/bbs/attachments/1_gsbbre7yiNEp.jpg" width=490 height=370 onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onmousewheel="return bbimg(this)" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></div><div style="position: absolute; top: 0px; left: 0px">
<table width="490" height="370" border="33" cellspacing="0" style="filter: Alpha(Opacity=43,Style=0)"><tr><td width=100% align="center"></td></tr></table></div></DIV>[/code]

花香凝露 发表于 2006-12-2 14:05

透明表格

<TABLE style="FILTER: alpha(opacity=50)" height=200 width=400 bgColor=red border=0>
<TBODY>
<TR>
<TD>
<CENTER>我爱爱吧</CENTER></TD></TR></TBODY></TABLE>

[code] <TABLE style="FILTER: alpha(opacity=50)" height=200 width=400 bgColor=red border=0>
<TBODY>
<TR>
<TD>
<CENTER>我爱爱吧</CENTER></TD></TR></TBODY></TABLE>[/code]

花香凝露 发表于 2006-12-2 14:14

图片透明效果

<table border="0" cellspacing="1" style="border-collapse: collapse">
<tr>
<td><img alt="http://www.18i8.com" src="http://www.18i8.com/bbs/attachments/1_gsbbre7yiNEp.jpg" width="443" height="333" style="-moz-opacity:0.5; filter:alpha(opacity=50);cursor:hand;" onmouseover="this.style.MozOpacity=1;
this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5;
this.filters.alpha.opacity=50"></td>
</tr>
</table>

[code]<table border="0" cellspacing="1" style="border-collapse: collapse">
<tr>
<td><img alt="http://www.18i8.com" src="http://www.18i8.com/bbs/attachments/1_gsbbre7yiNEp.jpg" width="443" height="333" style="-moz-opacity:0.5; filter:alpha(opacity=50);cursor:hand;" onmouseover="this.style.MozOpacity=1;
this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5;
this.filters.alpha.opacity=50"></td>
</tr>
</table>[/code]

独舞的心绪 发表于 2006-12-2 14:41

辛苦了,老大.
学习中......

花香凝露 发表于 2006-12-2 15:10

图片对称代码

<TABLE border=0>
<TBODY>
<TR>
<TD style="WIDTH: 280px" background=http://www.18i8.com/bbs/attachments/4_3e9LKHh95yW7.jpg height=225></TD>
<TD style="FILTER: FlipH" width=280 background=http://www.18i8.com/bbs/attachments/4_3e9LKHh95yW7.jpg height=225></TD></TR></TBODY></TABLE>

[code]<TABLE border=0>
<TBODY>
<TR>
<TD style="WIDTH: 280px" background=http://www.18i8.com/bbs/attachments/4_3e9LKHh95yW7.jpg height=225></TD>
<TD style[color=Red]="FILTER: FlipH[/color]" width=280 background=http://www.18i8.com/bbs/attachments/4_3e9LKHh95yW7.jpg height=225></TD></TR></TBODY></TABLE>[/code]

[code]注意红的部分，Flip是CSS滤镜的翻转属性，FlipH代表水平翻转，FlipV代表垂直翻转。它们的表达式很简单，分别是：Filter：FlipH 　Filter：FlipV

[/code]

独舞的心绪 发表于 2006-12-2 15:29

<TABLE style="WIDTH: 450px; HEIGHT: 350px" borderColor=#723b17 cellSpacing=4 cellPadding=6 background=http://love.xaonline.com/upload/2006310/UF2006310143035.jpg border=15>
<TBODY>
<TR>
<TD><EMBED src=http://imgfree.21cn.com/free/flash/5.swf width=450 height=350 type=application/x-shockwave-flash quality="400" menu="200" wmode="transparent"></TD></TR></TBODY></TABLE>

[[i] 本帖最后由独舞的心绪于 2006-12-2 15:40 编辑 [/i]]

独舞的心绪 发表于 2006-12-2 15:36

<P>学做了一个:图片加透明动画,想加入文字,没有成功(太笨了),请老大指教一下哈.</P>

<P><TABLE style="WIDTH: 450px; HEIGHT: 350px" borderColor=#723b17 cellSpacing=4 cellPadding=6 background=http://love.xaonline.com/upload/2006310/UF2006310143035.jpg border=15><BR><TBODY><BR><TR><BR><TD><EMBED src=http://imgfree.21cn.com/free/flash/5.swf width=450 height=350 type=application/x-shockwave-flash quality="400" menu="200" wmode="transparent"></TD></TR></TBODY></TABLE></P>

[[i] 本帖最后由独舞的心绪于 2006-12-2 15:42 编辑 [/i]]

羽扇纶巾 发表于 2006-12-2 19:50

老大就是厉害:guzhang:

黛发表于 2006-12-5 21:39

努力向老大学习，不断前进:hua: :hua: :woshou: :woshou:

古董鸡 发表于 2008-4-7 23:28

页: [1]

爱吧音乐花园's Archiver