`

jquery延时处理

 
阅读更多
    
(function($){
$.fn.hoverDelay = function(options){
        var defaults = {
            hoverDuring: 200,
            outDuring: 200,
            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);


     	
           function kbn_tag_delay (name1, name2) {
        		$(''+name2).hoverDelay({
			            hoverEvent: function(){
			               $(''+name2).css('display','none');     
			               $(''+name1).slideDown('slow');  
			               
			            } 
			     });
				 
				$(''+name1).mouseleave(function(){
					$(''+name1).css('display','none');//.siblings().css('display','block');
				//	$(''+name2).slideDown('slow');
					$(''+name2).css('display','block');
					//$('#tb2').css('display','block');
				}) ;
        	}
        	kbn_tag_delay('#tb1','#tb2');    

 

分享到:
评论

相关推荐

    jquery延时载入动画焦点图.zip

    《jQuery延时载入动画焦点图的实现与应用》 jQuery延时载入动画焦点图是一种巧妙地利用JavaScript和jQuery库来实现动态效果的技术,它能够为网站增添丰富的视觉体验,尤其是在展示图片信息时。这款特效的核心在于...

    jQuery hover 延时器

    在JavaScript的世界里,jQuery库是广泛使用的,它简化了DOM操作、事件处理和动画效果等任务。`jQuery.hover`是一个非常实用的函数,用于处理鼠标悬停事件。本篇文章将深入探讨`jQuery.hover`以及与之相关的延时器...

    jQuery延迟执行的实现方法

    本文实例讲述了jQuery延迟执行的实现方法。分享给大家供大家参考,具体如下: 做一个控件时碰到的一些无法同步处理的事件,可以用这样的延迟方法。 <html> [removed][removed] [removed] $(function(){ $('#...

    jQuery延时加载

    其中,“jQuery延时加载”是一种优化网页性能的技术,特别适用于处理大量的图像资源。这种技术,也称为“延迟加载”或“懒加载”,旨在提高网页的加载速度,减少服务器负担,并改善用户浏览体验。 延时加载的基本...

    Jquery延时加载

    **jQuery延迟加载(Jquery延时加载)**是一种优化网页性能的技术,主要应用于图片加载,尤其是在内容丰富的网页中。这种技术允许网页只加载用户当前视口内的内容,当用户滚动页面,即将进入视口的图片才会开始加载。...

    通过时间差实现的jquery延时载入动画焦点图.zip

    "通过时间差实现的jquery延时载入动画焦点图"是一个常见的网页设计技术,主要用于展示图片或内容轮播,以吸引用户的注意力并提供交互性。jQuery库因其简洁易用的API而广泛应用于这类效果的实现。在这个项目中,我们...

    jquery延时载入动画焦点图特效代码

    在"jquery延时载入动画焦点图特效代码"中,jQuery是核心工具,负责控制图片的加载时间和动画效果。 1. **HTML结构** 在`index.html`中,你需要创建一个容器来放置焦点图的图片元素。通常,这些元素会被组织成一个...

    jquery lazyload延时加载

    jQuery 的 LazyLoad 插件提供了一种高效的方法来处理这个问题,特别是对于那些图片众多、流量消耗大的网站而言。jQuery LazyLoad 实现了图片的延时加载(也称为懒加载),即只有当图片进入用户可视区域时,才会开始...

    图片延时加载jquery1.4.2

    jQuery是一个广泛使用的JavaScript库,提供了丰富的DOM操作、事件处理、动画效果等功能,使得JavaScript编程更为简便。 在描述中提到,当用户滚动到相应行时,该行的图片才会即时加载。这得益于一种被称为"懒加载...

    jquery实现网页图片等待延时加载Loading插件源码.zip

    在"jquery实现网页图片等待延时加载Loading插件源码.zip"中,我们可以预见到包含了一个使用jQuery编写的图片延迟加载插件。这个插件可能包含了以下关键知识点: 1. **jQuery选择器**:jQuery选择器是用于选取DOM...

    jQuery实现鼠标经过事件的延时处理效果

    为了实现这种效果,文中提供了一种利用jQuery实现`hover`事件延时处理的方法。具体实现步骤如下: 1. **定义一个延时处理函数**:首先需要创建一个名为`hoverDelay`的jQuery插件函数,该函数接收一个`options`对象...

    鼠标延时处理特效

    "鼠标延时处理特效"这个主题主要关注如何优化用户交互,特别是当用户快速移动鼠标时,防止频繁触发同一事件,导致页面性能下降或者用户体验不佳。 在jQuery中,遇到“鼠标经过”(mouseenter和mouseleave)这类事件...

    jQuery实现在线考试答题代码.zip

    开发周期短,上手快,入门低,但是进阶难一般常用的jquery特效 jquery焦点图 jquery选项卡 jquery滚动条 jquery下拉广告,jquery图片延时加载等,jquery代码,放大镜特效,jquery广告代码,jquery导航,jquery在线客服...

    延时 加载 jquery

    jQuery是一个广泛使用的JavaScript库,提供了丰富的功能来简化DOM操作、事件处理以及动画效果。在本场景中,我们将探讨如何使用jQuery实现延时加载技术,特别是在滚动页面时动态加载数据并将其绑定到页面的div元素中...

    jquery图片延迟加载

    这里我们使用了一个名为`lazyload`的插件,它可以方便地处理延迟加载。如果项目中没有该插件,可以通过npm或直接从CDN引入,例如:`<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.7/...

    jQuery实现滚动网页延时加载图片代码.rar

    "jQuery实现滚动网页延时加载图片代码.rar"提供的就是两个使用jQuery实现滚动延时加载图片的示例。 滚动延时加载的主要原理是:当用户滚动页面,只有当图片出现在视口范围内时,才真正请求图片数据并显示。这样可以...

    jQuery 鼠标经过(hover)事件的延时处理示例

    标题所体现的知识点:本文档的标题是“jQuery 鼠标经过(hover)事件的延时处理示例”,这里面涉及了几个重要的知识点,首先是“jQuery”,它是一个快速、小巧且功能丰富的JavaScript库,它简化了HTML文档遍历、事件...

    jQuery酷炫LED数字时钟.zip

    开发周期短,上手快,入门低,但是进阶难一般常用的jquery特效 jquery焦点图 jquery选项卡 jquery滚动条 jquery下拉广告,jquery图片延时加载等,jquery代码,放大镜特效,jquery广告代码,jquery导航,jquery在线客服...

Global site tag (gtag.js) - Google Analytics