正在阅读:10个能用JavaScript实现的图片特效10个能用JavaScript实现的图片特效

2008-04-30 09:33 出处:其它网站 作者:可能吧 Jason Ng 责任编辑:chenzhenjia

  一般来说,我们在写博客或做网站时都需要对插图做一些效果,比如增加阴影、图片圆角、倒映等等。这些效果一般可以用3个方法实现,一是用PS实现对图片进行修改,二是使用CSS,三是使用JavaScript。使用Photoshop会破坏原图,而且要花费一定的时间。Netzgesta上有很多实现图片特效的JavaScript提供下载,很多效果都是相当漂亮的。

 

  1、水倒映

10个能用JavaScript实现的图片特效
图1

  这个js将为图片添加水倒映的特效,时下web2.0站点很喜欢这种效果。

  下载一个试玩:点击下载水倒映效果js  

  2、圆角+阴影

10个能用JavaScript实现的图片特效
图2

  或许你记得用RoundPic能在线生成圆角图片,事实上用这个js也可以实现效果。

  下载一个试玩:点击下载圆角+阴影效果js

  3、高光圆角阴影

10个能用JavaScript实现的图片特效
图3

  这个效果可以用来做按钮。是我最喜欢的特效之一。

  下载一个试玩:点击下载高光圆角阴影效果js

键盘也能翻页,试试“← →”键

关注我们

最新资讯离线随时看 聊天吐槽赢奖品