注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

双丰收博客小屋

练太极学摄影愉悦身心

 
 
 

日志

 
 

图片特效大全(一)  

2010-04-02 12:00:34|  分类: 博客 技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

风情[整编]图片特效大全(一)

如有转载或引用请标明出处,感谢您的阅读!愿您愉快!

1.图片由中间向上下相对分开: 图片特效大全(一) - 双丰收 - 双丰收的休闲博客

图片特效大全(一) - 双丰收 - 双丰收的休闲博客

代码:

<marquee direction=up onmouseover=this.stop() scrollamount=3 onmouseout=this.start><center><img src=http://img1.3lian.com/img2008/04/048/xs03gif492.gif width=90></marquee></center><marquee direction=down scrollamount=3><center><div style="width:400;filter:flipv;"><img src="http://img1.3lian.com/img2008/04/048/xs03gif492.gif" width=90></div></center></marquee>

2.图片由中间向左右相对分开:

图片特效大全(一) - 双丰收 - 双丰收的休闲博客

风情欢迎您

图片特效大全(一) - 双丰收 - 双丰收的休闲博客

风情欢迎您

 代码:

<center><br><marquee width=220 height=50><img src=http://img.blog.163.com/photo/OK5g8NKOx5t1u4VZLHsLzw==/3706743968302937373.jpg width=190 height=130><font face=华文彩云 color=#0000ff size=5><br>风情欢迎您</font></marquee><marquee direction=right width=220 height=50><img src=http://img.blog.163.com/photo/OK5g8NKOx5t1u4VZLHsLzw==/3706743968302937373.jpg width=190 height=130><font face=华文彩云 color=#0000ff size=5><br>风情欢迎您<br></marquee></font></center>

3.图片多层滚动:

图片特效大全(一) - 双丰收 - 双丰收的休闲博客 图片特效大全(一) - 双丰收 - 双丰收的休闲博客 图片特效大全(一) - 双丰收 - 双丰收的休闲博客 图片特效大全(一) - 双丰收 - 双丰收的休闲博客

 ">

代码:

<TABLE height=350 cellSpacing=0 cellPadding=0 width=130>

<TBODY>

<TR>

<TD align=middle>

<MARQUEE scrollAmount=2 scrollDelay=150 direction=right width=130><IMG height=150 src="http://img.blog.163.com/photo/Ug3VO2H_3gWOI9pw2jqOTg==/897905175707524819.jpg width=190 height=130><br><font color=0000ff size=3 face=宋体><b>风情文学室欢迎您</b></font></marquee>

8.图片倒影: 图片特效大全(一) - 双丰收 - 双丰收的休闲博客

图片特效大全(一) - 双丰收 - 双丰收的休闲博客 代码:

<center><IMG src="http://img.blog.163.com/photo/Nn3Ze7vAE-T8KvSDgdTb5w==/5147895849061681057.jpg" width="200" height="150"><BR>

<IMG src="http://img.blog.163.com/photo/Nn3Ze7vAE-T8KvSDgdTb5w==/5147895849061681057.jpg" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30)  blur() flipv()" width="200" height="150"></center>

9.图片左右颠倒:

 图片特效大全(一) - 双丰收 - 双丰收的休闲博客          图片特效大全(一) - 双丰收 - 双丰收的休闲博客

代码:

<center><img src="http://img.blog.163.com/photo/Q2W2VbYfTdU-1QiV5vflKQ==/4550605948481564248.jpg" style="filter:fliph"></center>

10.图片黑白效果:

图片特效大全(一) - 双丰收 - 双丰收的休闲博客 图片特效大全(一) - 双丰收 - 双丰收的休闲博客

代码:

<center><img src="http://img.blog.163.com/photo/S9uA8Ly2joiE2E6kah6x0g==/3674374345981241592.jpg" style="filter:'gray'"></center>

11.图片在背景图上的飘动:

图片特效大全(一) - 双丰收 - 双丰收的休闲博客

代码:

</FONT></P>

<P>

<TABLE borderColor=#cd5c5c height=300 width=450 align=center border=3>

<TBODY>

<TR>

<TD background=http://img.blog.163.com/photo/9QWKQUrMR1PBCSchn8Xy8Q==/4254494272981923681.jpg>

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=300>

<MARQUEE scrollAmount=3 behavior=alternate width=450>

<P align=center><FONT color=red size=6><B><IMG style="WIDTH: 100px; HEIGHT: 112px" height=85 src="http://img.blog.163.com/photo/H8PrTho-plvzXlWQcULLFQ==/5149303223945314095.jpg" width=230 border=0></B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></P><TBODY><TR><TD>

<P></P>

<P style="TEXT-INDENT: 2em">

12.几个图片同时飘动:

图片特效大全(一) - 双丰收 - 双丰收的休闲博客

图片特效大全(一) - 双丰收 - 双丰收的休闲博客 图片特效大全(一) - 双丰收 - 双丰收的休闲博客

 代码:

<TABLE borderColor=#cd5c5c height=350 width=540 align=center border=3>

<TBODY>

<TR>

<TD width=440 background="http://img.blog.163.com/photo/iG-Qx7_wHmc035Y2ICJG3w==/1979050561253057501.jpgeight=&quot;300&quot;'">

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=320>

<MARQUEE scrollAmount=3 behavior=alternate width=440><IMG src="http://img.blog.163.com/photo/H8PrTho-plvzXlWQcULLFQ==/5149303223945314095.jpg" border=0>

<P></P>

<P style="TEXT-INDENT: 2em">

<MARQUEE scrollAmount=3 behavior=alternate width=370><IMG src="http://img.blog.163.com/photo/Bf9PNa5p50qnEmOPMKCljw==/4264908847120296840.jpg" border=0>

<MARQUEE scrollAmount=3 behavior=alternate width=370><IMG src="http://img.blog.163.com/photo/aYXOQ4UhkohRcAlsHoHXxA==/3389240194573470710.jpg" border=0></MARQUEE>

<P></P></MARQUEE></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

13.静止图片重叠:

 

 图片特效大全(一) - 双丰收 - 双丰收的休闲博客

 图片特效大全(一) - 双丰收 - 双丰收的休闲博客  

 代码:

<DIV align=center>&nbsp;</DIV>

<DIV align=center>

<TABLE borderColor=#000080 height=400 cellSpacing=10 cellPadding=10 width=500 align=center background=http://img.blog.163.com/photo/_Z0X5VHyOlH1e0DL9mOW8Q==/1478869527638225334. border=2>

<TBODY>

<TR>

<TD>

<P align=center>

<TABLE style="FILTER: Alpha(opacity=100,style=3)" cellSpacing=0 cellPadding=0 width=400 background=图片地址>

<TBODY>

<TR>

<TD width=300 background=http://img.blog.163.com/photo/5eyHVCRxqiGVRDeAaGPI5g==/2265029137591084288.jpg height=300></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></DIV>

<DIV align=center>&nbsp;</DIV>

14.产生透明FLASH:

代码:

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer

src= 

http://www.qqbye.com/qqfiles/swf/hf/qqbye_com_hf_002.swfwidth=200 height=200 type=application/x-shockwave-flash

quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></EMBED>

15.图片添加透明FLASH

代码:

<P align=center>

<TABLE style="WIDTH: 480px; HEIGHT: 251px" height=251 cellPadding=0 width=480 align=center background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg border=0>

<TBODY>

<TR>

<TD><EMBED style="WIDTH: 480px; HEIGHT: 251px" align=right src=http://imgfree.21cn.com/free/flash/4.swf width=480 height=251 type=application/x-shockwave-flash wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></P>

代码2.两层: 

<P align=center>

<TABLE style="WIDTH: 480px; HEIGHT: 451px" height=451 cellPadding=0 width=480 align=center background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg border=0>

<TBODY>

<TR>

<TD><EMBED                               align=right src=http://imgfree.21cn.com/free/flash/136.swf width=480 height=451 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED                               align=right src=http://bbs.flasher123.com/UploadFile/2004-5/20045912435828355.swf width=480 height=451 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE><FONT size=+0></FONT></P>

代码3:(3层)

<TABLE height=480 cellSpacing=0 cellPadding=0 width=451 background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg  border=0>

<TBODY>

<TR>

<TD>

<P align=center><EMBED align=right src=http://imgfree.21cn.com/free/flash/59.swf width=451 height=480 type=application/octet-stream quality="high" wmode="transparent"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/7.swf width=451 height=480 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right src=http://www.forshine.net/flash/4.swf width=451 height=480 type=application/octet-stream quality="high" wmode="transparent"></P></TD></TR></TBODY></TABLE>

代码4:(4层)

<P align=center>

<TABLE height=480 cellPadding=0 width=451 align=center background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg border=0>

<TBODY>

<TR>

<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/4.swf width=451 height=480 type=application/x-shockwave-flash wmode="transparent" quality="high" ><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/51.swf width=451 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent" ></EMBED><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/9.swf width=451 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent" ></EMBED><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/61.swf width=451 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent" ></EMBED></TD></TR></TBODY></TABLE><FONT size=+0></FONT></P>

16.图片向上移动:

 代码:

<MARQUEE scrollAmount=3 direction=up behavior='="scroll"'>

<TABLE>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity='95',style='1')" width=420 background=http://img.blog.163.com/photo/unufFgcCC0C0FvV_BObiYw==/3682537120306120841.jpg height=266></TD></TR></TBODY></TABLE></MARQUEE>

17.图片向下移动:

 代码:

<MARQUEE scrollAmount=3 direction=down behavior='="scroll"'>

<TABLE>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity='95',style='2')" width=420 background=http://img.blog.163.com/photo/unufFgcCC0C0FvV_BObiYw==/3682537120306120841.jpg height=266></TD></TR></TBODY></TABLE></MARQUEE>

18.图片大小任意变: 图片特效大全(一) - 双丰收 - 双丰收的休闲博客

 图片特效大全(一) - 双丰收 - 双丰收的休闲博客

代码:

<IMG height=40  src=" http://img.photo.163.com/STTnkALVlT4DwhcXRP8Dbw==/677510268943266014.jpg " width=500></SPAN>

图片特效大全(二)

点图进入

图片特效大全(一) - 双丰收 - 双丰收的休闲博客

  评论这张
 
阅读(532)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017