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

blueteeth

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

2、圆角+阴影

3、高光圆角阴影

4、斜光阴影效果

5、相框效果

6、黑色相框

7、放大镜

8、菲林效果

9、花边效果

10、翻页效果

原文出处：http://dhlmtzx.edudh.net/oblog/article.asp?id=2329
JS代码下载地址：http://www.netzgesta.de

安装使用方法：
将下载的压缩包解压之后上传到网站空间，然后在需要显示效果的head里添加代码，比如高光阴影效果Glossy，添加的代码是：
<script type="text/javascript" src="glossy.js"></script>
对于Wordpress，可以在header.php里添加。如果只要求文章页里出现效果，也可以考虑在single.php里添加。
然后，在想要显示特效的图片的<img>标记里添加：
class="glossy"
这样效果就出现了。
其它效果添加方法类似。

akay

蓝牙好久没回过论坛了。

semoryang

一来就贴出这么棒的帖子，好啊

阿锋

不错，的确是精品！

Conan

哇，好漂亮哦，留起来

horizon

谢谢分享呀