• 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. 浮动和margin负值 三列布局

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  2. 让元素div消失在视野中

    让元素div消失在视野中1.position:absolute/relative/fixed + 方位 top/bottom/left/right: -9999px2.display:none3.vi ...

  3. layui 动态表格之合并单元格

    需求: 下面用excel表格大概模拟下需求,左边是原来的,要改成右边这样的: ①第一步:再生成表格后调用此方法,以合并重复的单元格 done : function(res, curr, count) ...

  4. Oracle 参数文件

    参数文件(10g中的参数文件) 主要用来记录数据库的配置文件,在数据库启动时,Oracle读取参数文件,并根据参数文件中的参数设置来配置数据库. 如内存池的分配,允许打开的进程数和会话数等. 两类参数 ...

  5. Oracle创建用户、角色、授权、建表空间

    oracle数据库的权限系统分为系统权限与对象权限.系统权限( database system privilege )可以让用户执行特定的命令集.例如,create table权限允许用户创建表,gr ...

  6. Ubuntu notes

    ubuntu notes Table of Contents 1. backup data 2. Basics Ubuntu 3. Install, uninstall packages 4. Bas ...

  7. vue列表渲染,以及鼠标点击改变样式的问题

    在实际项目中,我们进场会遇到鼠标点击该表某个DOM元素的样式,在原生的js或者jquery中,我们会比较熟练的实现这个需求,但是在vue中怎么实现呢? 直接操作DOM?NO!NO! 既然我们的项目使用 ...

  8. java面试题(自创)

    1.最后输出的是啥? String s = "hello"; final String str = s; s = "world"; System.out.pri ...

  9. Oracle 关于几个随机函数sys_guid、dbms_random.random、dbms_random.value(取随机的结果集)

    sys_guid():SYS_GUID (),是Oracle 8i 后提供的函数.SYS_GUID产生并返回一个全球唯一的标识符(原始值)由16个字节组成.更适合多个数据库数据集成时使用(--源自百度 ...

  10. 【触发器】MySQL触发器使用详解

    MySQL包含对触发器的支持.触发器是一种与表操作有关的数据库对象,当触发器所在表上出现指定事件时,将调用该对象,即表的操作事件触发表上的触发器的执行. 创建触发器在MySQL中,创建触发器语法如下: ...