★音画讲堂之简单的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] <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]] 代码:
[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] <DIV align=center>[attach]31646[/attach]</DIV>
[[i] 本帖最后由 xielong 于 08-11-6 19:31 编辑 [/i]] [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] <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]] 代码:
[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] [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] 图片雾化效果:
[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] [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] [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] 去颜色成灰度
<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> [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] [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] 代码:
[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] [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] [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] <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]] [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] <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]] 翻转代码`
<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> [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] [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] <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> [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] 哎
怎么我看了半天怎么看不错一个所以然来啊 [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? 嘿嘿,要是这么容易就不叫专业了! 呵呵 好好研究下 学问蛮深的 是要好好来看看了
不过我还看出来了在这里就你自己呢?/:A070?
页:
[1]
2