• 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. 攻破javascript面试的完美指南【译】

    攻破javascript面试的完美指南(开发者视角) 0. 前言 本文适合有一定js基础的前端开发人员阅读.原文是我google时无意发现的, 被一些知识点清晰的解析所打动, 决定翻译并记录下来.这个 ...

  2. 小程序接口越过域名和https限制方法

    都知道小程序上线接口需要域名,还需要https,就算是体验版的都是需要的,这样就筛选掉一大批开发者,像我这样只有学生轻量级服务器的学生要开发自己的小程序就很为难,但今天确惊奇的在小程序社区里面找到了用 ...

  3. 面试:B

    协程 材质和贴图 任意模块的深入理解

  4. 【Codeforces 598D】Igor In the Museum

    [链接] 我是链接,点我呀:) [题意] 题意 [题解] 同一个联通块里面答案都一样. 把每个联通块的答案都算出来 然后赋值就好 [代码] #include <bits/stdc++.h> ...

  5. scrapy的User-Agent中间件、代理IP中间件、cookies设置、多个爬虫自定义settings设置

    在scrapy的反爬中,常用的几个配置,简单总结了下: User-Agent中间件: from fake_useragent import UserAgent class RandomUserAgen ...

  6. tyvj1117 拯救ice-cream

      背景 天好热……Tina顶着那炎炎的烈日,向Ice-cream home走去……可是……停电了……冰淇淋们躺在Ice-cream home的冰柜里,慢慢地……慢慢地……融化…………你说,她能赶在冰 ...

  7. 【GC分析】Java GC日志查看

    Java中的GC有哪几种类型? 参数 描述 UseSerialGC 虚拟机运行在Client模式的默认值,打开此开关参数后, 使用Serial+Serial Old收集器组合进行垃圾收集. UsePa ...

  8. Ubuntu下使用Sysvinit实现自定义服务(简单研究)

    通过上一篇文章http://www.cnblogs.com/EasonJim/p/7168216.html可以大概了解到Sysvinit的历史. 其实在自定义服务上,使用Sysvinit是最简单的,本 ...

  9. sqlalchemy foreign key查询和backref

    首先在mysql中创建两个表如下: mysql) , primary key(id)); Query OK, rows affected (0.01 sec) mysql),user_id int, ...

  10. ZFS

    zfs是128bit文件系统,那么为什么容量是2^64byte? 不应该是2^128 / 2^3=2^125 byte吗 文件系统不再局限于单独的物理设备,而且文件系统还允许物理设备把他们自带的那些文 ...