懸停區域的火警功能

Question

我試圖只在紅色區域滾動時才發射一個功能。

http://jsfiddle.net/yAwJ2/

有什麼建議嗎？

Answer 1

$(document).ready(function() { 
    $("#wrapper").bind('mousemove', function(e) { 
     $("#tail").css({ 
      top: e.pageY 
     }); 
    }); 
}); 

補充：要回到起始位置：

$(document).ready(function() { 
    $("#wrapper").hover(function() { 
     $.data(this, "tail_Y", $("#tail").css("top")); 
    }, function() { 
     $("#tail").css("top", $.data(this, "tail_Y")); 
    }).bind('mousemove', function(e) { 
     $("#tail").css({ 
      top: e.pageY 
     }); 
    }); 
}); 

http://jsfiddle.net/1stein/VWEEB/

Answer 2

這可能幫助

$(document).bind('mousemove', function(e){ 
    $('#tail').css({ 
     top: e.pageY 
    }); 
    $('#wrapper').click(function(){  
    xyz(); 

    }); 
}); 


function xyz() 
{ 
     alert('hello'); 
} 

Answer 3

試試這個：

$("#wrapper").mouseover(function() { 
    // your function here 
    alert("mouse over red area"); 
}); 

Example fiddle here

Answer 4

你必須確保你在DOM準備好運行這段代碼：

$("#wrapper").bind('mouseenter', function(e) { 
    alert("Entered Wrapper") 
});