写了一个滑过变化背景的Jquery小插件,分享给大家啊,主要是有的时候一个页面那么多按钮或者DIV要做滑过变化背景或者样式什么的,封装起来也加快开发速度。我也是新手啊,高手不要拍砖。

$.plug={
 hover:function(_hover){
 _hover=$.fn.extend({
 id:"",m:"",hover:""
 },_hover);//默认参数
 if(_hover.id==""){
 alert("参数错误");
 return false;
 }else{
 if(_hover.m==""){
 _hover.m=_hover.id.attr("class")
 }
 }
 _hover.id.hover(function(){
 $(this).attr("class",""+_hover.hover+"");//执行划入变化
 },function(){
 $(this).attr("class",""+_hover.m+"");//执行划出
 })
 } 
}

{list}

这个你加到页面或者JS文件都可以,但是这个的前提是你必须加载过jquery库。

引用的时候:$.plug.hover({id:$("#button"),hover:"test2"})

技巧:引用的时候ID为这个容器如按钮的ID,hover:""这个是字符串的类型,是滑过要变换成什么class,不用加.点;如果当前的ID 的DIV设置有Class那么直接2个参数搞定,如果你的DIV没有设置那么得加个参数 ,m:""同hover的用法一样,只不过这个是默认的Class

plug 和hover 等都是插件的名称,可以自定义。

发表于 2012年08月16日 15:27:07 ,添加在分类 前端技术 下 ,最后修改于 2016年07月17日 00:39:04