• pageplugin.js

    (function ($) {
    
    $.PagePlugin = function (obj, opt) {
    
    var options = $.extend({}, $.PagePlugin.defaults),
    docOffset,
    _ua = navigator.userAgent.toLowerCase(),
    is_msie = /msie/.test(_ua),
    ie6mode = /msie [1-6]\./.test(_ua); if (typeof (obj) !== 'object') {
    obj = $(obj)[0];
    } if (typeof (opt) !== 'object') {
    opt = {};
    } function setOptions(opt) {
    if (typeof (opt) !== 'object') opt = {};
    options = $.extend(options, opt);
    } //自定义方法,需要在下面api声明
    function setImage(src, callback) { if (typeof (callback) == 'function') {
    callback.call(api);
    }
    } setOptions(opt);
    var $orig = $(obj); //调用内部方法
    ScoreManager.getBo();
    ScoreManager.getCo(); //scoreManager,相当于自定义类
    var ScoreManager = (function () {
    function getScore1(){
    alert("key1");
    } function getScore2(){
    alert("key2");
    } return {
    getBo: getScore1,
    getCo: getScore2
    }; }()); //定义api
    var api = {
    setImage: setImage,
    focus:ScoreManager.getBo,
    getBounds: function () {
    return [1, 2];
    } }; $orig.data('PagePlugin', api);
    return api;
    } //设置默认属性
    $.PagePlugin.defaults = {
    marginT: 0,
    marginL: 0
    };
    }(jQuery));
  • 如何使用?
    index.js

    var api = null;
    
    //这里"#page_plugins"我定义为传入控件的内容,可能为id,亦可能class。
    
    api = $.PagePlugin("#page_plugins", {
    marginT: 10,
    marginL: 20
    }); api.getBounds();
    api.setImage("h1", function () { });

一个不错的jquery插件模版的更多相关文章

  1. 推荐一个内容滚动jquery插件

    myslider是一个内容滚动jquery插件,版本0.1.2的每次滚动内容是一行内容,可以是文字,可以是一个链接,还可以是图片. 官方网址:http://keleyi.com/jq/myslider ...

  2. 编写一个简单的Jquery插件

    1.实现内容 定义一个简单的jquery插件,alert传递进来的参数 2.插件js文件(jquery.showplugin.js) (function ($) { //定义插件中的方法 var me ...

  3. 推荐一些常用感觉不错的jQuery插件

    转:http://www.cnblogs.com/v10258/p/3263939.html JQuery插件繁多,下面是个人在工作和学习中用到感觉不错的,特此记录. UI: jquery UI(官方 ...

  4. 制作一个简洁的jquery插件

    原文:http://mp.weixin.qq.com/s?__biz=MzAxMzgwNDU3Mg==&mid=401571467&idx=1&sn=08cb00963e6ef ...

  5. 一款效果非常不错的jquery插件 -Lightbox

    今天为大家介绍一款非常不错的jquery图片查看插件-Lightbox.这款图片查看插件体验很好,不仅有左右两个小箭头可以浏览上一张和下一张图片,还支持鼠标的左右键浏览上一张和下一张图片.有点类似go ...

  6. How to Create a Basic Plugin 如何写一个基础的jQuery插件

    How to Create a Basic Plugin Sometimes you want to make a piece of functionality available throughou ...

  7. 【前端】制作一个handlebars的jQuery插件

    (function($) { var compiled = {}; $.fn.handlebars = function($srcNode, data) { // 取出模版内容 var src = $ ...

  8. jquery 插件模版

    ;(function ($) { //插件的默认值属性 var defaults = { Weight: '300px', height: '230px', nextId: 'nextBtn', ne ...

  9. Jquery插件模版

    ;(function($){ $.fn.jcDate = function(options) { var defaults = { IcoClass : "jcDateIco", ...

随机推荐

  1. 【最短路】Dijkstra+ 链式前向星+ 堆优化(优先队列)

    Dijkstra+ 链式前向星+ 优先队列   Dijkstra算法 Dijkstra最短路算法,个人理解其本质就是一种广度优先搜索.先将所有点的最短距离Dis[ ]都刷新成∞(涂成黑色),然后从起点 ...

  2. JavaScript--小白入门篇2

    一.布尔值和关系运算符.逻辑运算符 1.1 布尔值   我们上篇文章说了,学习了两种变量的类型数值型.字符串型.   实际上,还有很多变量的类型.我们今天再学习一种,叫做“布尔类型”. 数值型里面的值 ...

  3. Storm 开箱笔记

    目录 Storm 开箱 1. 什么是 Storm 2. Hello World(WordCountTopology) 3. 常用API 4. 基本概念 5. 流分组策略 6. 并行度 7. Acker ...

  4. Linux:DHCP服务配置

    DHCP服务程序能够使局域网内的主机自动且动态的获取IP地址.子网掩码.网关地址以及DNS服务器地址等信息.    说明:先安装DHCP服务     yum install dhcp -y       ...

  5. PHP 计数排序

    计数排序不是基于比较的排序算法,其核心在于将输入的数据值转化为键存储在额外开辟的数组空间中. 作为一种线性时间复杂度的排序,计数排序要求输入的数据必须是有确定范围的整数. 算法描述 找出待排序的数组中 ...

  6. 省市区json结构

    [ { "label": "北京市", "value": "北京市", "children": [ ...

  7. 洛谷 1062 NOIP2006普及T4 数列

    [题解] 鲜活的水题..我们把数列换成k进制的,发现数列是001,010,011,100,101,110,111...,而第m项用k进制表示的01串刚好就是m的二进制的01串.于是我们预处理k的幂,把 ...

  8. springcloud(十):熔断监控Hystrix Dashboard

             申明: 这里比较坑爹,大家写的时候要小心,这里和springboot的版本有关系哈,我使用的是2.0 版本,要么调频为1.5 版本,要么使用其他方式 解决错误,我选择了还是用2.0  ...

  9. 【05】JSON笔记

    [05]笔记           尽管有许多宣传关于 XML 如何拥有跨平台,跨语言的优势,然而,除非应用于 Web Services,否则,在普通的 Web 应用中,开发者经常为 XML 的解析伤透 ...

  10. Leetcode 122.买卖股票的最佳时机II

    给定一个数组,它的第 i 个元素是一支给定股票第 i 天的价格. 设计一个算法来计算你所能获取的最大利润.你可以尽可能地完成更多的交易(多次买卖一支股票). 注意:你不能同时参与多笔交易(你必须在再次 ...