桐城網(wǎng)»論壇 › 文藝廣場 › 影音天地 › 圖片修飾效果演示與代碼

查看: 4317|回復: 7

圖片修飾效果演示與代碼

471 主題	1萬回帖	1萬積分

桐網(wǎng)進士

Rank: 7 Rank: 7 Rank: 7

積分: 14829

鮮花(0)

雞蛋(0)

電梯直達

樓主

發(fā)表于 2007-11-18 17:33:00 | 只看該作者回帖獎勵

|倒序瀏覽 |閱讀模式

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。水波效果（風吹）

分享到: QQ好友和群 QQ空間

收藏0 轉(zhuǎn)播 分享 淘帖0

【分享精彩·網(wǎng)聚未來】我驕傲，我是桐城人！桐城網(wǎng)宗旨：弘揚主旋律，謳歌真善美，傳播正能量，彰顯精氣神。

回復鮮花(0) 雞蛋(0)

使用道具舉報

ジDJ妙東ゾ

471 主題	1萬回帖	1萬積分

桐網(wǎng)進士

Rank: 7 Rank: 7 Rank: 7

積分: 14829

鮮花(0)

雞蛋(0)

沙發(fā)

樓主| 發(fā)表于 2007-11-21 20:02:27 | 只看該作者

頂起來

想學就看.

【分享精彩·網(wǎng)聚未來】我驕傲，我是桐城人！桐城網(wǎng)宗旨：弘揚主旋律，謳歌真善美，傳播正能量，彰顯精氣神。

回復鮮花(0) 雞蛋(0)

使用道具舉報

ジDJ妙東ゾ

471 主題	1萬回帖	1萬積分

桐網(wǎng)進士

Rank: 7 Rank: 7 Rank: 7

積分: 14829

鮮花(0)

雞蛋(0)

板凳

樓主| 發(fā)表于 2007-11-18 17:52:08 | 只看該作者

在一個背景上，讓一對對稱圖片做分開移動

代碼

<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="<marquee scrollAmount=1 direction=right width=330 height=42><img src="<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>

另:寬度設(shè)置成圖片原圖片寬度的一半.如總寬為600, 設(shè)置寬度應為300

【分享精彩·網(wǎng)聚未來】我驕傲，我是桐城人！桐城網(wǎng)宗旨：弘揚主旋律，謳歌真善美，傳播正能量，彰顯精氣神。

回復鮮花(0) 雞蛋(0)

使用道具舉報

ジDJ妙東ゾ

471 主題	1萬回帖	1萬積分

桐網(wǎng)進士

Rank: 7 Rank: 7 Rank: 7

積分: 14829

鮮花(0)

雞蛋(0)

地板

樓主| 發(fā)表于 2007-11-18 19:00:09 | 只看該作者

【分享精彩·網(wǎng)聚未來】我驕傲，我是桐城人！桐城網(wǎng)宗旨：弘揚主旋律，謳歌真善美，傳播正能量，彰顯精氣神。

桐城房產(chǎn)網(wǎng),新版上線!

回復鮮花(0) 雞蛋(0)

使用道具舉報

ジDJ妙東ゾ

471 主題	1萬回帖	1萬積分

桐網(wǎng)進士

Rank: 7 Rank: 7 Rank: 7

積分: 14829

鮮花(0)

雞蛋(0)

5^#

樓主| 發(fā)表于 2007-11-18 19:01:37 | 只看該作者

上面漂亮播放器代碼:

【分享精彩·網(wǎng)聚未來】我驕傲，我是桐城人！桐城網(wǎng)宗旨：弘揚主旋律，謳歌真善美，傳播正能量，彰顯精氣神。

回復鮮花(0) 雞蛋(0)

使用道具舉報

ジDJ妙東ゾ

471 主題	1萬回帖	1萬積分

桐網(wǎng)進士

Rank: 7 Rank: 7 Rank: 7

積分: 14829

鮮花(0)

雞蛋(0)

6^#

樓主| 發(fā)表于 2007-11-18 18:26:35 | 只看該作者

加邊框：

一層

加入內(nèi)容

兩層

加入內(nèi)容

三層

加入內(nèi)容

四層

內(nèi)容

加邊框代碼：

一層

兩層
<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>加入內(nèi)容</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>加入內(nèi)容</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>內(nèi)容 </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center>

［此帖子已被ジDJ妙東ゾ在 2007-11-18 18:25:41 編輯過］

【分享精彩·網(wǎng)聚未來】我驕傲，我是桐城人！桐城網(wǎng)宗旨：弘揚主旋律，謳歌真善美，傳播正能量，彰顯精氣神。

回復鮮花(0) 雞蛋(0)

使用道具舉報

ジDJ妙東ゾ

471 主題	1萬回帖	1萬積分

桐網(wǎng)進士

Rank: 7 Rank: 7 Rank: 7

積分: 14829

鮮花(0)

雞蛋(0)

7^#

樓主| 發(fā)表于 2007-11-18 17:41:39 | 只看該作者

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="

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="

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="

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="

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="

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="

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="

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="

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="

10。陰影框
<center><img style="FILTER: shadow(color=#32cd32)" src="

11。橫向漸變透明
<center><img style="FILTER: alpha(opacity=100,style=1,finishopacity=0)" src="

12。圓形漸變透明
<center><img style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="

13。X形漸變透明
<center><img style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="

14。改變某種顏色
<center><img style="FILTER: Chroma(Color=#13629f)" src="

15。黑白效果
<center><img style="FILTER: gray" src="

16。X光效果（底片）
<center><img style="FILTER: xray" src="

17。浮雕效果
<center><img style="FILTER: progid: DXImageTransform.Microsoft.Emboss()" src="

18。上下顛倒
<center><img style="FILTER: flipv" src="

19。左右顛倒
<center><img style="FILTER: fliph" src="

20。色彩顛倒
<center><img style="FILTER: invert" src="

21。粒狀陰影
<center><img style="FILTER: progid: DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="

22。模糊效果
<center><img style="FILTER: progid: DXImageTransform.Microsoft.Blur(PixelRadius=10)" src="

23。水波效果（風吹）
<center><img style="FILTER: wave(freq=11, strength=4, phase=6, lightstrength=10)" src="

【分享精彩·網(wǎng)聚未來】我驕傲，我是桐城人！桐城網(wǎng)宗旨：弘揚主旋律，謳歌真善美，傳播正能量，彰顯精氣神。

桐城房產(chǎn)網(wǎng),新版上線!

回復鮮花(0) 雞蛋(0)

使用道具舉報

ジDJ妙東ゾ

471 主題	1萬回帖	1萬積分

桐網(wǎng)進士

Rank: 7 Rank: 7 Rank: 7

積分: 14829

鮮花(0)

雞蛋(0)

8^#

樓主| 發(fā)表于 2007-11-18 17:45:46 | 只看該作者

幾種圖片的霧化效果代碼霧化效果：橢圓型

霧化效果：圓型

霧化效果：方型

藍色遮罩加一種效果

< 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> 
<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>< P align=center><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>

【分享精彩·網(wǎng)聚未來】我驕傲，我是桐城人！桐城網(wǎng)宗旨：弘揚主旋律，謳歌真善美，傳播正能量，彰顯精氣神。

回復鮮花(0) 雞蛋(0)

使用道具舉報

返回列表

		自動登錄	找回密碼
密碼			我要注冊