DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> js hover 定時器(實例代碼)
js hover 定時器(實例代碼)
編輯:JavaScript基礎知識     

復制代碼 代碼如下:
$("#showComp tr:not('.stlisttitle')").hover(function(){
        try{if($("#calendarPanel").is(":visible")) $(".playerlist").hide();else{clearTimeout(timMess);
        $(".playerlist").css("top",$(this).offset().top-$(".calendarCon").offset().top-30).show();}}catch(e){}

    },function(){
        timMess=setTimeout(function(){
            $(".playerlist").hide();
         },300);

        //$(this).css("background","");
    });   
    $(".playerlist").hover(function(){
        clearTimeout(timMess);
    },function(){
        timMess=setTimeout(function(){

            $(".playerlist").hide();

         },300);
    });

效果如圖:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved