图片修饰效果演示与代码

ジDJ妙东ゾ

1。单线框


2。双线框


3。凸出框


4。凹进框


5。邮票框 6。虚线框


7。凹槽框


8。脊状框


9。立体阴影框 10。阴影框 11。横向渐变透明 12。圆形渐变透明 13。X形渐变透明 14。改变某种颜色 15。黑白效果 16。X光效果（底片） 17。浮雕效果 18。上下颠倒 19。左右颠倒 20。色彩颠倒 21。粒状阴影 22。模糊效果 23。水波效果（风吹）

ジDJ妙东ゾ

顶起来

 

想学就看.

ジDJ妙东ゾ

在一个背景上，让一对对称图片做分开移动

 

 

代码

 

<table borderColor=#d3b38d cellSpacing=4 cellPadding=0 align=center background=http://img.gw.com.cn/UploadFile/2005/9/22/3479957.jpg border=0>
<tbody>
<tr>
<td>
<marquee scrollAmount=1 width=330 height=42><img src="http://img.gw.com.cn/UploadFile/2005/9/22/3479957.jpg" /></marquee>
<marquee scrollAmount=1 direction=right width=330 height=42><img src="http://img.gw.com.cn/UploadFile/2005/9/22/3479957.jpg" /></marquee>
<center></center><embed src=http://www.honglinbbs.com/UploadFile/2005-11/20051119494791140.mp3 width=0 height=0 type="audio/x-pn-realaudio- <br />plugin" controls="ControlPanel,StatusBar" autostart="true" loop="true"></td></tr></tbody></table>

另:宽度设置成图片原图片宽度的一半.如总宽为600, 设置宽度应为300

 

 

ジDJ妙东ゾ

ジDJ妙东ゾ

上面漂亮播放器代码:

 

<table borderColor=#bc8f8f cellSpacing=1 width=315 border=1>
<tbody>
<tr>
<td><embed style="FILTER: invert(); WIDTH: 315px; HEIGHT: 28px" src=http://www.ewen.cc/wma/n00000056/n0000005616.wma type=audio/mpeg autostart="-1"></embed></td></tr></tbody></table>

ジDJ妙东ゾ

加边框：

一层

加入内容

 

 

两层

加入内容

三层

加入内容

四层

内容

 

加边框代码：

一层

<table cellSpacing=1 cellPadding=0 width="100%" align=center background=http://pugongyingw.51.net/image/bj/10.jpg border=5>
<tbody>
<tr>
<td>加入内容</td></tr></tbody></table>
<p>&nbsp;</p>

两层
<p align=center>
<table cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<tbody>
<tr>
<td>
<table cellSpacing=2 cellPadding=2 width=480 bgColor=#a93cc4 border=0>
<tbody>
<tr>
<td>加入内容</td></tr></tbody></table></td></tr></tbody></table></p>

 

三层
<center>
<table cellSpacing=10 cellPadding=2 width=450 bgColor=#000000 border=1>
<tbody>
<tr>
<td>
<table cellSpacing=8 cellPadding=10 width=450 bgColor=#cccc33 border=1>
<tbody>
<tr>
<td>
<center>
<table cellSpacing=8 cellPadding=10 width=450 background=http://www.vigevano.net/pianzoline/fotoset04/013/wingstile.jpg border=0>
<tbody>
<tr>
<td>加入内容</td></tr></tbody></table></center></td></tr></tbody></table></td></tr></tbody></table></center>

 

四层
<center>
<table cellSpacing=0 cellPadding=30 width="100%" align=center background=http://www.vigevano.net/pianzoline/fotoset04/013/frosarayasluz.jpg border=0>
<tbody>
<tr>
<td>
<table borderColor=#0000ff cellSpacing=0 cellPadding=10 width="100%" align=center background=http://www.vigevano.net/pianzoline/fotoset04/013/frosaluminoso.jpg border=1>
<tbody>
<tr>
<td>
<table borderColor=#0000ff cellSpacing=0 cellPadding=10 width="100%" align=center background=http://www.vigevano.net/pianzoline/fotoset04/013/fromheavengold.jpg border=1>
<tbody>
<tr>
<td>
<table borderColor=#0000ff cellSpacing=0 cellPadding=0 width="100%" align=center background=http://www.vigevano.net/pianzoline/fotoset04/013/frosaramosblancosuave.jpg border=1>
<tbody>
<tr>
<td>内容 </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center>

［此帖子已被 ジDJ妙东ゾ 在 2007-11-18 18:25:41 编辑过］

ジDJ妙东ゾ

1。单线框
<center><img style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px solid" src="http://www.zxtx.org/user/yiyi/yiyijch/23/1.jpg" /><br /><br /><br /></center>

 

2。双线框
<center><img style="BORDER-RIGHT: green 5px double; BORDER-TOP: green 5px double; BORDER-LEFT: green 5px double; BORDER-BOTTOM: green 5px double" src="http://www.zxtx.org/user/yiyi/yiyijch/23/2.jpg" /><br /><br /><br /></center>

3。凸出框
<center><img style="BORDER-RIGHT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-BOTTOM: #ff88ff 25px outset" src="http://www.zxtx.org/user/yiyi/yiyijch/23/3.jpg" /><br /><br /><br /></center>

4。凹进框
<center><img style="BORDER-RIGHT: #ff88ff 25px inset; BORDER-TOP: #ff88ff 25px inset; BORDER-LEFT: #ff88ff 25px inset; BORDER-BOTTOM: #ff88ff 25px inset" src="http://www.zxtx.org/user/yiyi/yiyijch/23/4.jpg" /><br /><br /><br /></center>

5。邮票框
<center>
<table style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; BORDER-BOTTOM: #f6ae56 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#f6ae56>
<tbody>
<tr>
<td vAlign=center align=middle width=600 bgColor=#aeffae height=450><img src="http://www.zxtx.org/user/yiyi/yiyijch/23/5.jpg" /> </td></tr></tbody></table></center>

6。虚线框
<center><img style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="http://www.zxtx.org/user/yiyi/yiyijch/23/6.jpg" /><br /><br /><br /></center>

7。凹槽框
<center><img style="BORDER-RIGHT: green 25px groove; BORDER-TOP: green 25px groove; BORDER-LEFT: green 25px groove; BORDER-BOTTOM: green 25px groove" src="http://www.zxtx.org/user/yiyi/yiyijch/23/7.jpg" border=0 /><br /><br /><br /></center>

8。脊状框
<center><img style="BORDER-RIGHT: green 25px ridge; BORDER-TOP: green 25px ridge; BORDER-LEFT: green 25px ridge; BORDER-BOTTOM: green 25px ridge" src="http://www.zxtx.org/user/yiyi/yiyijch/23/8.jpg" border=0 /><br /><br /><br /></center>

9。立体阴影框
<center>
<table style="FILTER: progid: DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" height=400 cellSpacing=3 cellPadding=15 width=400 border=2>
<tbody>
<tr>
<td vAlign=center align=middle bgColor=#ffffff><img src="http://www.zxtx.org/user/yiyi/yiyijch/23/9.jpg" /></td></tr></tbody></table></center>

10。阴影框
<center><img style="FILTER: shadow(color=#32cd32)" src="http://www.zxtx.org/user/yiyi/yiyijch/23/10.jpg" /></center>

11。横向渐变透明
<center><img style="FILTER: alpha(opacity=100,style=1,finishopacity=0)" src="http://www.zxtx.org/user/yiyi/yiyijch/23/11.jpg" /></center>

12。圆形渐变透明
<center><img style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="http://www.zxtx.org/user/yiyi/yiyijch/23/12.jpg" /></center>

13。X形渐变透明
<center><img style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="http://www.zxtx.org/user/yiyi/yiyijch/23/13.jpg" /></center>

14。改变某种颜色
<center><img style="FILTER: Chroma(Color=#13629f)" src="http://www.zxtx.org/user/yiyi/yiyijch/23/14.jpg" /></center>

15。黑白效果
<center><img style="FILTER: gray" src="http://www.zxtx.org/user/yiyi/yiyijch/23/15.jpg" /></center>

16。X光效果（底片）
<center><img style="FILTER: xray" src="http://www.zxtx.org/user/yiyi/yiyijch/23/16.jpg" /></center>

 

17。浮雕效果
<center><img style="FILTER: progid: DXImageTransform.Microsoft.Emboss()" src="http://www.zxtx.org/user/yiyi/yiyijch/23/17.jpg" /></center>

18。上下颠倒
<center><img style="FILTER: flipv" src="http://www.zxtx.org/user/yiyi/yiyijch/23/18.jpg" /> </center>

19。左右颠倒
<center><img style="FILTER: fliph" src="http://www.zxtx.org/user/yiyi/yiyijch/23/19.jpg" /></center>

20。色彩颠倒
<center><img style="FILTER: invert" src="http://www.zxtx.org/user/yiyi/yiyijch/23/20.jpg" /></center>

21。粒状阴影
<center><img style="FILTER: progid: DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="http://www.zxtx.org/user/yiyi/yiyijch/23/21.jpg" /></center>

22。模糊效果
<center><img style="FILTER: progid: DXImageTransform.Microsoft.Blur(PixelRadius=10)" src="http://www.zxtx.org/user/yiyi/yiyijch/23/22.jpg" /></center>

23。水波效果（风吹）
<center><img style="FILTER: wave(freq=11, strength=4, phase=6, lightstrength=10)" src="http://www.zxtx.org/user/yiyi/yiyijch/23/23.jpg" /></center>

ジDJ妙东ゾ

几种图片的雾化效果代码 雾化效果： 椭圆型
雾化效果：圆型
雾化效果：方型 蓝色遮罩加一种效果

< P align=center>

 

 

 

 

几种图片的雾化效果代码

 雾化效果： 椭圆型
<table style="FILTER: Alpha(opacity=100,style=2); WIDTH: 467px; HEIGHT: 700px" height=333 align=center background=http://image2.sina.com.cn/lx/upload/103/1092/20060714/1077/215538/215540.jpg table>
<tbody>
<tr>
<td><font color=#8a2be2><embed style="WIDTH: 467px; HEIGHT: 287px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/16.swf width=449 height=287 type=application/x-shockwave-flash quality="high" wmode="transparent"></embed></font></td></tr></tbody></table><br />

 

雾化效果：圆型
<table style="FILTER: Alpha(opacity=100,style=2)" height=467 cellSpacing=0 cellPadding=0 width=467 align=center background=http://image2.sina.com.cn/lx/upload/103/1092/20060714/1077/215538/215538.jpg border=0>
<tbody>
<tr>
<td></td></tr></tbody></table><br />

 

雾化效果：方型
<table style="FILTER: Alpha(opacity=100,style=3)" height=650 cellSpacing=0 cellPadding=0 width=467 align=center background=http://image2.sina.com.cn/lx/upload/103/1092/20060714/1077/215538/215544.jpg border=0>
<tbody>
<tr>
<td></td></tr></tbody></table>

 

蓝色遮罩加一种效果
<table style="WIDTH: 467px; HEIGHT: 700px" cellSpacing=3 borderColorDark=#ffffff cellPadding=0 align=center bgColor=#0000cd borderColorLight=#000000 border=0>
<tbody>
<tr>
<td>&nbsp;
<table style="FILTER: Alpha(opacity=100,style=3)" height=700 cellSpacing=0 cellPadding=0 width=467 bgColor=#000000 background=http://image2.sina.com.cn/lx/upload/103/1092/20060714/1077/215538/215547.jpg border=0>
<tbody>
<tr>
<td>&lt; P align=center&gt;<embed align=right src=http://music.leiyu668.com/3_flash/tmdh/141.swf width=467 height=700 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent">
<p></p></td></tr></tbody></table>
<p></p></td></tr></tbody></table>