必优博客

其实不看效果，必优根本无法知道这个插件的作用[因为大部分的插件可以看其名而知其用]，不过就算是看了效果，也折腾半天才想出如何描述这个插件，jQuery Image Warp插件同样是一个实现图片特效的插件，当点击网页图片后，渐隐弹出图片并慢慢扩大再消失，也许你不关心这样一种效果，那看看如何实现的机制，也是一个非常不错的选择，正如必优一如既往的风格，首先看看效果[有点汗，这种效果真的只能看实例]：

[必优每天生活的真实写照--自行车一族]

点我下载jQuery Image Warp插件源代码[在线演示][源程序下载]

使用说明
需要使用jQuery库文件和jQuery Image Warp插件库文件
必优推荐级别：★★★★

使用实例
一，包含文件部分

1. <script type="text/javascript" src="jquery.1.3.2.js"></script>
2. <script type="text/javascript" src="jquery.imageWarp.js">

二，HTML部分

1. <img src="ocean.gif" class="imagewarp" style="width:200px; height:150px" />

三，Javascript部分

1. <script type="text/javascript">
2. jQuery(document).ready(function($){
3. $('img.imagewarp').imageWarp() ;
4. })
5. </script>

如上实例，就可以实现一个图片点击扩大渐隐效果，只需要指定图片对象，使用相对简单，jQuery Image Warp插件与设置其显示参数，如下：

warpfactor表示渐隐扩大的范围，默认为1.5倍
duration表示效果持续的时间，默认为1000，毫秒级

必优认为这个插件的特点在于效果实现的机制，这个是一个值得研究的，因为这种效果如果掌握可以应用于很多的点击事件中，而对于点击事件，任意一个非独立的网页都存在，最常见的就是链接的点击，因些，把这种实现机制进行一些扩展，也许就能制作另一个非常实用的插件。

点我下载jQuery Image Warp插件源代码
http://jquerycodes.googlecode.com/files/jquery.imageWarp.rar