★音画讲堂之简单的HTML代码制作（二）图片图片效果(页 1) - 音乐影视〖音乐影视短片〗 - 湖南论坛 --做湖南最专业的论坛!

xielong 发表于 07-11-22 13:46

★音画讲堂之简单的HTML代码制作（二）图片图片效果

[font=宋体][color=#ff0000]一般的贴图代码：

[/color][/font][font=宋体][color=blue]<img src="图片地址">
<P align=center><img src="图片地址"></P>
<P align=center><img src="图片地址"width=宽度 height=高度></P> [/color]

[color=red]图片可调大小的一组代码. [/color]

[color=blue]<P align=center><INPUT src="图片地址"type=image width=宽度></P> [/color]

[color=red]图片加FLASH [/color]

[/font][font=宋体][color=blue]<TABLE cellSpacing=3 cellPadding=3 width=460 bordercolor=660000 background=图片地址 border=18>
<TBODY>
<TR>
<TD><EMBED align=right src=透明FLASH width=460 height=370 type=application/octet-stream wmode="transparent" quality="high" ;;></TD></TR></TBODY></TABLE> [/color]

[color=red]全屏帖FLASH[/color]

[/font][color=blue]
[font=宋体]<EMBED style="LEFT: 250; WIDTH: 692px; POSITION: absolute; TOP: 360; HEIGHT: 542px" align=left src=http://music.leiyu668.com/3_flash/tmdh/188.swf type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>[/font]
[/color]

xielong 发表于 07-11-22 13:50

<MARQUEE scrollAmount=2 direction=up behavior=alternate height=250>
<MARQUEE scrollAmount=2 direction=up height=229>
<DIV align=center><IMG src="http://www.qqmkz.com/upimg/allimg/070901/0052431.jpg"></DIV>
</MARQUEE></MARQUEE>

[[i] 本帖最后由 xielong 于 2007-11-22 13:58 编辑 [/i]]

xielong 发表于 07-11-22 13:59

代码：
[font=宋体]<MARQUEE scrollAmount=2 direction=up behavior=alternate height=250>
<MARQUEE scrollAmount=2 direction=up height=229>
<DIV align=center><IMG src="图片地址"></DIV>
</MARQUEE></MARQUEE>[/font]

xielong 发表于 07-11-22 14:01

<DIV align=center>[attach]31646[/attach]</DIV>

[[i] 本帖最后由 xielong 于 08-11-6 19:31 编辑 [/i]]

xielong 发表于 07-11-22 14:03

[font=宋体]晃晃悠悠

<DIV align=center>
<MARQUEE scrollAmount=2 behavior=alternate width=600 height=600>（这个可以调浮动窗口值）
<MARQUEE scrollAmount=2 direction=up width=339 height=453><IMG src="
[url=http://cenre.cn/tupian/UploadFiles_2494/200702/20070210084721542.jpg][color=#000000]http://cenre.cn/tupian/UploadFiles_2494/200702/20070210084721542.jpg[/color][/url]
">
</MARQUEE></MARQUEE></DIV> [/font]

xielong 发表于 07-11-22 14:04

<FONT face=宋体><FONT size=3>
<P align=center>
<MARQUEE scrollAmount=5 direction=right height=100 wight="300">
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: gray(color=#ffedff)" width=100 height=300>[attach]31445[/attach]</TD>
<TD style="FILTER: xray(color=#ffedff)" width=100 height=300><IMG src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg"></TD>
<TD style="FILTER: invert(color=#ffedff)" width=100 height=300><IMG src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg"></TD>
<TD style="FILTER: fliph(color=#ffedff)" width=100 height=300><IMG src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg"></TD></TR></TBODY></TABLE></MARQUEE></P></FONT></FONT>

[[i] 本帖最后由 xielong 于 08-11-4 22:21 编辑 [/i]]

xielong 发表于 07-11-22 14:05

代码：
[font=宋体][size=3]<P align=center>
<MARQUEE scrollAmount=5 direction=right height=100 wight="300">
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: gray(color=#ffedff)" width=100 height=300><IMG src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg"> </TD>
<TD style="FILTER: xray(color=#ffedff)" width=100 height=300><IMG src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg"></TD>
<TD style="FILTER: invert(color=#ffedff)" width=100 height=300><IMG src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg"></TD>
<TD style="FILTER: fliph(color=#ffedff)" width=100 height=300><IMG src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg"></TD></TR></TBODY></TABLE></MARQUEE></P>[/size][/font]

xielong 发表于 07-11-22 14:06

[font=宋体][size=12pt]<TABLE style="FILTER: Alpha(opacity=50,style=2)" height=350 width=300 align=center background=http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE> [/size][/font]

xielong 发表于 07-11-22 14:07

图片雾化效果：
[font=宋体][size=12pt]<TABLE style="FILTER: Alpha(opacity=50,style=2)" height=350 width=300 align=center background=http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE> [/size][/font]

xielong 发表于 07-11-22 14:08

[font=宋体][size=3]<TABLE style="FILTER: Invert" height=570 width=300 align=center background=http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>[/size][/font]

xielong 发表于 07-11-22 14:08

[font=宋体][size=3]代码：[/size][/font]
[font=宋体][size=3]<TABLE style="FILTER: Invert" height=570 width=300 align=center background=http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>[/size][/font]

xielong 发表于 07-11-22 14:09

去颜色成灰度
<TABLE style="FILTER: gray" height=570 width=300 align=center background=http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

xielong 发表于 07-11-22 14:10

[font=宋体][size=3]去颜色成灰度
<TABLE style="FILTER: gray" height=570 width=300 align=center background=http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>[/size][/font]

xielong 发表于 07-11-22 14:10

[font=宋体]<TABLE style="FILTER: wave(add=0,freq=1,strength=30,lightstrength=90,phase=20）;" height=570 width=300 align=center background=http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>[/font]

xielong 发表于 07-11-22 14:10

代码：
[font=宋体]<TABLE style="FILTER: wave(add=0,freq=1,strength=30,lightstrength=90,phase=20）;" height=570 width=300 align=center background=http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>[/font]

xielong 发表于 07-11-22 14:11

[font=宋体][size=3]模糊设置
<TABLE style="FILTER: blur(add=0,direction=270,strength=20)" height=570 width=300 align=center background=http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>[/size][/font]

xielong 发表于 07-11-22 14:11

xielong 发表于 07-11-22 14:13

<DIV align=center>
<DIV style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg"><BR><BR>
<DIV id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg"> </DIV></DIV></DIV>

[[i] 本帖最后由 xielong 于 08-11-4 23:12 编辑 [/i]]

xielong 发表于 07-11-22 14:13

[font=宋体][size=3]倒影代码：

<DIV align=center>
<DIV style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg"><BR><BR>
<DIV id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg"> </DIV></DIV></DIV>[/size][/font]

xielong 发表于 07-11-22 14:14

<DIV align=center>
<DIV style="FILTER: flipH; WIDTH: 358px"><BR><IMG height=312 src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg" width=410></DIV></DIV>

[[i] 本帖最后由 xielong 于 08-11-4 23:29 编辑 [/i]]

xielong 发表于 07-11-22 14:14

翻转代码`

<DIV align=center><DIV style="FILTER: flipH; WIDTH: 358px"><BR><IMG height=312 src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg" width=410></DIV></DIV>

xielong 发表于 07-11-22 14:14

[font=宋体][size=3]
<TABLE border=0 align=center cellspacing=0 cellpadding=0><TBODY><TR>
<TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=5)" width=350 background=http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg height=520></TD></TR></TBODY></TABLE> [/size][/font]

xielong 发表于 07-11-22 14:14

[font=宋体][size=3]百叶窗效果代码：

<TABLE border=0 align=center cellspacing=0 cellpadding=0><TBODY><TR>
<TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=5)" width=350 background=http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg height=520></TD></TR></TBODY></TABLE> [/size][/font]

xielong 发表于 07-11-22 14:15

xielong 发表于 07-11-22 14:15

[font=宋体][size=3]图片分段移动

<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="http://www.10650.cn/share/b_569C85F13E961EF828CC18503C0250EF.jpg"></MARQUEE></TD></TR></TBODY></TABLE>[/size][/font]

洇溈哊伱 发表于 07-11-22 15:37

哎
怎么我看了半天怎么看不错一个所以然来啊　

xielong 发表于 07-11-22 16:48

[quote]原帖由 [i]洇溈哊伱[/i] 于 2007-11-22 15:37 发表 [url=http://www.hunanbbs.net/redirect.php?goto=findpost&pid=103778&ptid=25964][img]http://www.hunanbbs.net/images/common/back.gif[/img][/url]
哎
怎么我看了半天怎么看不错一个所以然来啊　 [/quote]

呵，不难啊！
想学的话就慢慢探索喔！/:A037?

Hunk 发表于 07-11-22 16:55

嘿嘿,要是这么容易就不叫专业了!

蓝风发表于 07-11-26 09:47

呵呵好好研究下学问蛮深的

洇溈哊伱 发表于 07-11-26 17:35

是要好好来看看了　
不过我还看出来了在这里就你自己呢？/:A070?

页: [1] 2

湖南论坛's Archiver

★音画讲堂之简单的HTML代码制作（二）图片 图片效果

★音画讲堂之简单的HTML代码制作（二）图片图片效果