天涯部落

小圈子,大声音!呼朋引伴网聚部落!

创建新部落?

图片特效(本贴谢绝回复) [已扎口]

楼主:huanglimingliu 时间:2009-04-02 17:09:14 点击:4759 回复:30
脱水模式给他打赏只看楼主 阅读设置
图片边缘淡化 (代码)

原图:

    
四角变化:
    

    
椭圆变化:
    

  
  
楼主huanglimingliu 时间:2009-04-02 17:10:16
  图片边缘淡化 (代码)
      
  四角变化:
      
  <IMG style="BORDER-LEFT-COLOR: #055200; FILTER: Alpha(Opacity=100,style=3); BORDER-BOTTOM-COLOR: #055200; BORDER-TOP-STYLE: outset; BORDER-TOP-COLOR: #055200; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; BORDER-RIGHT-COLOR: #055200; BORDER-BOTTOM-STYLE: outset" src="图片地址">
      
  椭圆变化:
      
  <IMG style="BORDER-LEFT-COLOR: #2000ff; FILTER: Alpha(Opacity=100,style=2); BORDER-BOTTOM-COLOR: #055200; BORDER-TOP-STYLE: outset; BORDER-TOP-COLOR: #055200; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; BORDER-RIGHT-COLOR: #055200; BORDER-BOTTOM-STYLE: outset" src="图片地址">
  
楼主huanglimingliu 时间:2009-04-02 17:37:15
  透明立体虚线框效果:
  
楼主huanglimingliu 时间:2009-04-02 17:37:54
  透明立体虚线框效果(代码):
  <DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 490px; POSITION: relative; TOP: 0px; HEIGHT: 370px"><DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><IMG height=370 src="图片地址" width=490></DIV><DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><TABLE style="FILTER: Alpha(Opacity=43,Style=0)" height=370 cellSpacing=0 cellPadding=0 width=490 border=20><TBODY><TR><TD align=middle width="100%"><TABLE style="FILTER: Alpha(Opacity=43,Style=0)" height=310 cellSpacing=0 cellPadding=0 width=430 border=20><TBODY><TR><TD align=middle width="100%"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV>
楼主huanglimingliu 时间:2009-04-05 09:36:38
    图片来回滚动效果:
    

我们一起畅游美丽的水底世界~~~~~`
楼主huanglimingliu 时间:2009-04-05 09:40:57
  图片来回滚动效果代码:
  <marquee behavior=alternate><img src=http://www.meetao.cn/var/feed/img/141/151/1914003633.jpg><br><font face=华文新魏 size=5 color=#000FFF><b>我们一起畅游美丽的水底世界~~~~</b></font></br></marquee >
楼主huanglimingliu 时间:2009-04-05 09:55:28
  图片向上移动效果:



图片向上移动效果~~
楼主huanglimingliu 时间:2009-04-05 09:58:36
  图片向上移动效果(代码):
  
  <MARQUEE style="FLOAT: none; MARGIN-LEFT: auto; MARGIN-RIGHT: auto" scrollAmount=10 scrollDelay=99 direction=up width=400 height=500 border="0"><IMG src="http://www.meetao.cn/var/feed/img/141/151/1914003633.jpg">
  <FONT color=#000fff><FONT face=隶书 size=5><B>我们一起畅游美丽的水底世界</B></FONT>
  </FONT></MARQUEE>
楼主huanglimingliu 时间:2009-04-05 13:25:03
图片反方向效果:



楼主huanglimingliu 时间:2009-04-05 13:38:41
  图片反方向效果(代码):
      
  <IMG src="图片地址"><IMG style="FILTER: fliph(color=#ffedff)" src="图片地址">
楼主huanglimingliu 时间:2009-04-05 13:41:35
  图片拉丝效果:

楼主huanglimingliu 时间:2009-04-05 13:45:37
  图片拉丝效果(代码):
  <TABLE border=0 style="width:图片宽度设置px;height:图片高度设置px"><TBODY><TR><TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=5)" background=图片地址></TD></TR>
    
  原始代码说明:
  1.add=true 表示打乱对象; Freq 参数指生成波纹的频率,也就是指定在对象上共需要产生多少个完整的波纹
  LightStrength 参数是为了使生成的波纹增强光的效果。参数值可以从0到100 Phase 参数用来设置正弦波开始的偏移量。这个值的通用值为0,它的可变范围为从0到100。这个值代表开始时的偏移量占波长的百分比。比如该值为25,代表正弦波从90度(360*25%)的方向开始。 strength 表示振幅。
  
楼主huanglimingliu 时间:2009-04-05 13:50:51
  图片雾化加一个flash效果:
  

楼主huanglimingliu 时间:2009-04-05 13:54:29
  图片雾化加一个flash效果(代码):
  <P align=center><TABLE border=0><TBODY><TR><TD style="FILTER: Alpha(opacity=100,style=2)" width=420(图片宽度) background=图片地址 height=296(图片高度)><P><B><EMBED align=right src=http://imgfree.21cn.com/free/flash/123.swf(特效地址) width=420(特效宽度) height=296(特效高度) type=application/octet-stream wmode="transparent" quality="high"></EMBED></B></P></TD></TR></TOBDY></TBODY></TABLE></P>
楼主huanglimingliu 时间:2009-04-05 13:57:42
图片百叶窗效果:
  


楼主huanglimingliu 时间:2009-04-05 14:04:35
  图片百叶窗效果(代码):
  <marquee scrollamount="1" scrolldelay="50" direction="right" width="173"><img src="图片地址" /></marquee><marquee scrollamount="1" scrolldelay="50" width="172"><img src="图片地址" /></marquee><marquee scrollamount="1" scrolldelay="50" direction="right" width="172" />
楼主huanglimingliu 时间:2009-04-05 14:08:31
  图片加flash 移动文字效果:
岁夜咏怀
刘禹锡

弥年不得意,
新岁又如何?
念昔同游者,
而今有几多?
以闲为自在,
将寿补蹉跎。
春色无新故,
幽居亦见过。

  
  
楼主huanglimingliu 时间:2009-04-05 14:17:51
  图片加flash+移动文字效果(代码):
    
  <TABLE height=400 cellPadding=10 width=600 align=center background=图片地址 border=3 table="0">
  <TBODY><TR><TD><EMBED align=right src=有效的flash地址 width=450 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high" >
  <DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT><MARQUEE style="WIDTH: 380px; HEIGHT: 164px" scrollAmount=1 direction=up height=164><FONT color=#ffFF00 size=4>写上文字内容</FONT></MARQUEE></DIV></TD></TR></TBODY>
  <TBODY></TBODY></TABLE>
楼主huanglimingliu 时间:2009-04-05 14:24:08
  图片立体镜框效果:
  
楼主huanglimingliu 时间:2009-04-05 14:25:41
  图片立体镜框效果(代码):
  <CENTER><IMG style="BORDER-RIGHT: #ffffff 25px inset; BORDER-TOP: #ffFFFF 25px inset; BORDER-LEFT: #ffffff 25px inset; BORDER-BOTTOM: #ffffff 25px inset" src="图片地址"></CENTER>
楼主huanglimingliu 时间:2009-04-05 14:51:25
  图片粉状边框效果:
  
楼主huanglimingliu 时间:2009-04-05 14:56:48
  图片粉状边框效果(代码):
  <center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=25)"></center>
楼主huanglimingliu 时间:2009-04-05 15:13:22
  图片水波效果:
  
楼主huanglimingliu 时间:2009-04-05 15:14:37
  图片水波效果(代码):
  <center><img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>
楼主huanglimingliu 时间:2009-04-05 15:16:19
  图片浮雕效果:
  
楼主huanglimingliu 时间:2009-04-05 15:18:04
  图片浮雕效果(代码):
  <center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>
楼主huanglimingliu 时间:2009-04-05 15:19:03
  图片水中倒影效果:
  


楼主huanglimingliu 时间:2009-04-05 15:21:17
  图片水中倒影(代码):
  <center><IMG src="图片地址" width="200" height="150"><BR>
  <IMG src="同样图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="200" height="150"></center>
楼主huanglimingliu 时间:2009-04-05 15:28:46
  有边框的图片加一个FLASH动画效果:
  


  
  
楼主huanglimingliu 时间:2009-04-05 15:30:10
  有边框的图片加一个FLASH动画(代码):
    
  <P align=center><TABLE height=323 cellSpacing=0 width=400 background=图片地址 border=4><TBODY><TR><TD><EMBED src=http://www.blog286.com/upfile/flash/071128/20.swf width=400 height=323 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE></P>
  
作者 :klnrbs 时间:2009-04-11 20:35:23
  天涯不是不支持代码吗?你是怎样华丽的做到的?佩服!

相关推荐