zoukankan      html  css  js  c++  java
  • jquery插件的编写

    今天尝试了一下自己编写插件。最简单的jquery效果,返回顶部的按钮。

    增加多个全局函数

    添加多个全局函数,可采用如下定义:

    Java代码
    1. jQuery.foo = function() {    
    2. alert('This is a test. This is only a test.');   
    3. };   
    4. jQuery.bar = function(param) {    
    5. alert('This function takes a parameter, which is "' + param + '".');   
    6. };    
    7. 调用时和一个函数的一样的:jQuery.foo();jQuery.bar();或者$.foo();$.bar('bar');  

    插件名称 scrollTop.js

    jQuery.scrollTop = function (scrollDom) {
        // body...
        $(scrollDom).click(function(event){
            event.preventDefault();
            $(document.body).animate({scrollTop:0},800);
        });
    }

    scrollDom 为参数

    前端代码调用插件

      引入jquery和jquery插件

    <script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="./js/scrollTop.js"></script>

    在HTML中调用

    <body>
        <div class="div1">111</div>
        <div class="div2">2222</div>
        <div class="div3">33333</div>
        <a href="" class="top">返回</a>
    </body>
    
    <script>
    $(function(){
        $.scrollTop(".top");
    })
    </script>
  • 相关阅读:
    第1次系统综合实践作业
    个人作业——软件工程实践总结
    个人作业——软件评测
    2019软件工程第五次作业
    预习非数值数据的编码方式
    预习原码补码作业
    C语言寒假大作战04
    C语言寒假大作战03
    C语言寒假大作战02
    C语言寒假大作战01
  • 原文地址:https://www.cnblogs.com/xs-yqz/p/5275478.html
Copyright © 2011-2022 走看看