delayed effect when useage settimeout function method

延时操作效果应用的情况:

1.在AJAX应用中，过多的AJAX会造成服务器端的压力. 如，我们在使用suggest时，当输入数据过快时，它需要使用到延时操作原理.

2.在TAB的滑动中，如果滑动过快时，TAB切换过于频繁.

TAB效果

suggest

toolTip

基本的关键代码:如在处理TAB的切换效果时..

   $("#tabfirst li").each(function(index){
        //每一个包装li的jquery对象都会执行function中的代码
        //index是当前执行这个function代码的li对应在所有li组成的数组中的索引值
        //有了index的值之后，就可以找到当前标签对应的内容区域
        $(this).mouseover(function(){    
            var liNode = $(this);
            timoutid = setTimeout(function(){
                //将原来显示的内容区域进行隐藏
                $("div.contentin").removeClass("contentin");
                //对有tabin的class定义的li清除tabin的class
                $("#tabfirst li.tabin").removeClass("tabin");
                //当前标签所对应的内容区域显示出来
                //$("div").eq(index).addClass("contentin");
                $("div.contentfirst:eq(" + index + ")").addClass("contentin");
                liNode.addClass("tabin");    
            },300);            
        }).mouseout(function(){
            clearTimeout(timoutid);    
        });
    });

说明:1. setTimeout会返回一个值，当鼠标移出时，它即要消除延时，也要消除相应的显示效果.