`
zengshaotao
  • 浏览: 778693 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

$.fn.hoverDelay

 
阅读更多

(function($){

    $.fn.hoverDelay = function(options){

        var defaults = {

            hoverDuring: 500,

            outDuring: 100,

            hoverEvent: function(){

                $.noop();

            },

            outEvent: function(){

                $.noop();    

            }

        };

        var sets = $.extend(defaults,options || {});

        var hoverTimer, outTimer;

        return $(this).each(function(){

            $(this).hover(function(){

                clearTimeout(outTimer);

                hoverTimer = setTimeout(sets.hoverEvent, sets.hoverDuring);

            },function(){

                clearTimeout(hoverTimer);

                outTimer = setTimeout(sets.outEvent, sets.outDuring);

            });    

        });

    }      

})(jQuery);

分享到:
评论

相关推荐

    Jquery中$与$.fn的区别实例.zip

    在jQuery库中,`$`和`$.fn`都是核心组成部分,但它们有着不同的用途和功能。理解这两者的差异对于深入学习和使用jQuery至关重要。本文将详细解释`$`和`$.fn`的区别,并通过实例来帮助你更好地掌握它们。 首先,`$`...

    jquery $.fn.extend

    `$.fn.extend`是jQuery库中的一个核心方法,主要用于扩展jQuery对象的方法集合。这个方法允许开发者自定义jQuery的函数,从而实现对DOM元素的操作或添加新的功能。在jQuery中,`$.fn`实际上是`$.prototype`的一个...

    Jquery实现$.fn.extend和$.extend函数_.docx

    在JavaScript中,jQuery库提供了两种扩展对象的方法,即`$.fn.extend`和`$.extend`。它们都用于增加或修改现有对象的功能,但应用场景不同。本文将深入解析这两种方法的实现原理和用途。 首先,`$.fn.extend`是用于...

    jQuery中$.fn的用法示例介绍

    $.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了. 那么你可以这样子:...

    Jquery实现$.fn.extend和$.extend函数

    在jQuery库中,`$.fn.extend` 和 `$.extend` 是两个非常重要的功能,它们用于扩展jQuery的功能和对象。这两个函数虽然名字相似,但作用却截然不同。 首先,`$.fn.extend` 是用于扩展jQuery选择器对象的方法。当你...

    jquery $.fn $.fx是什么意思有什么用

    $.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 如扩展$.fn.abc() 那么你可以这样子:$(“#div”).abc(); 通常使用extend方法扩展,详细请看API. $.fx是指jquery的特效。 如果使用...

    深入理解jquery的$.extend()、$.fn和$.fn.extend()

    在jQuery中,`$.extend()`、`.fn`(即`jQuery.fn`)和`.fn.extend()`是开发者用于增强其功能和创建插件的关键部分。下面我们将详细探讨这三个概念。 1. `$.extend()` `$.extend()`方法用于合并一个或多个对象的属性...

    jQuery插件开发的两种方法及$.fn.extend的详解

    jQuery插件开发分为两种: 1 类级别 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(…),相当于静态方法。 开发扩展其方法时使用$.extend方法,即jQuery.extend(object); 代码如下: $.extend({ add:function...

    浅谈jquery中的each方法$.each、this.each、$.fn.each

    $.each([1,2,3,4],function(){  //$(this)==数组中的每一个数组(如果数组是对象,就是对象) }); 方法三 应有场景有点不一样 this.each(function(){ }) 扩展jQuery对象方法 应该是 j

    jquery 插件开发

    在本篇文章中,我们将详细解析如何通过$.extend()方法扩展jQuery、如何通过$.fn向jQuery添加新的方法以及如何使用$.widget()方法应用jQuery UI的部件工厂方式创建插件。 首先,我们来看如何通过$.extend()方法扩展...

    jquery.funkyUI.js

    无限级弹出窗口 * Esc退出block弹出窗口 * 可拖动窗口 * 模态窗口 * 模态alert警告对话框 * 模态confirm对话框 * 页面局部模态 * 绑定按钮响应函数 * 弹出窗口加载iframe ...$.fn.unblock//解除块模态

    jquery中$.fn和图片滚动效果实现的必备知识总结

    在JavaScript和jQuery的世界里,实现图片滚动效果是一个常见的需求,而$.fn是jQuery库中用于扩展功能的关键。本文将深入探讨$.fn的用法以及如何利用它来创建一个图片滚动插件,同时涵盖IIFE(立即执行函数表达式)和...

    meteor-froala-no-conflict:为 $.fn.editable - $.fn.froalaEditor 创建别名。 使用官方 froala

    在给定的标题“meteor-froala-no-conflict”中,我们涉及到了一个针对$.fn.editable和$.fn.froalaEditor的特定解决方案,这与富文本编辑器Froala有关。Froala是一个现代、直观且可高度定制的富文本编辑器,适用于...

Global site tag (gtag.js) - Google Analytics