基于jquery的一个图片hover的插件
先来看看使用方法。
演示地址 http://demo.jb51.net/js/jCutter_jquery/demo.htm
HTML文件中这样写：
代码如下：
div
img src="1.jpg" alt=""
div
这是点开后的页面的内容
/div
/div
调用的话需要这样写：
代码如下：
$(document).ready(function(){
options={
'speedIn':600, //图片进入时候的动画速度
'speedOut':400, //图片退出时候的动画速度
'easeIn':'easeOutBounce', //图片进入时候的动画效果，这个效果需要easing库
'easeOut':'' //图片退出时候的动画效果
}
$('.jcutter').jCutter(options);
})
当然要引用这个插件才行。下面我们来讲解这个插件的编写。
一、jQuery插件编写的方法
写一个jQuery插件，首先需要一些...[ 查看全文 ]
2016-02-19
标签:
