jQuery.Huihover.js 已封装
H-ui.js 中已封装,无需单独下载。单独下载地址 jQuery.Huihover.js
jQuery.Huihover是一个用js编写的jQuery插件,用来实现hover效果,我们都知道css有个:hover伪类,但是css3之后才支持非a以外的标签,只有高版本的浏览器支持,所以就单独写了js的hover插件,默认鼠标经过时候添加.hover类名,通过类名来显示不同的样式,而且增加了鼠标经过 离开两个回调。
使用方法
1、jQuery.Huihover.js依赖jQuery或者zepto.js。
js调用
$("#Huihover-demo").Huihover(
{
className:"hover",
},
function(){
console.log("鼠标经过");
},
function(){
console.log("鼠标离开");
}
);
如果没有特殊要求,可以直接简写
$("#Huihover-demo").Huihover();
demo效果
相关参数
| 属性 | 默认值 | 描述 | 备注 |
|---|---|---|---|
| className | hover | 鼠标经过离开时样式 | |
| callback1 | 回调1 | 鼠标经过回调 | |
| callback2 | 回调2 | 鼠标离开回调 |