jquery模板,感觉比较好用,就复制过来了

// JavaScript Document
(function($) {

//全局变量    
"use strict";
var showNum = 0,//显示数字
    divHeight = 200,//div的高
divWidth =100;//div的宽

//私有方法开始
function ShowPrivate(obj){
    obj.html("by private");
}
//私有方法结束


//主体开始    
$.fn.pluginlearn = function(options) {

    //可输入参数
    $.fn.pluginlearn.defaults = {
        backgroundColor: "red",
        width: null
    };

    var opts = $.extend({}, $.fn.pluginlearn.defaults, options);


    //主体方法开始
    return this.each(function () {

        //变量赋值
        if(opts.width===null){
            opts.width=150;
        }

        //主体程序部分
        $(this).html(showNum);

        $(this).hover(function(){
            $(this).height(divHeight);
            $(this).width(opts.width);
            ShowPrivate($(this));
            $(this).css("background-color",opts.backgroundColor);
        },function(){
            $(this).height(divHeight);
            $(this).width(divWidth);
            $(this).html(showNum);
            $(this).css("background-color","gray");
        });
        //主体程序部分结束

    });
    //主体方法结束

};   
//主体结束

//暴露方法开始
$.fn.pluginlearn.width = function(width) {    
    divWidth=width;   
};  
//暴露方法结束

})($);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值