A simple example of jquery realizing the click pop-up layer effect_jquery

< ;script type="text/javascript">
//Gradient popup layer
$(document).ready(function(){
var speed = 600;//Animation speed
$( "#race a").click(function(event){//Bind event processing
event.stopPropagation();
var offset = $(event.target).offset();//Cancel event Bubble
$("#racePop").css({ top:offset.top $(event.target).height() "px", left:offset.left });//Set the popup layer position
$("#racePop").show(speed);//Animation display
});
$(document).click(function(event) { $("#racePop").hide( speed) });//Click on the blank area to hide
$("#racePop").click(function(event) { $("#racePop").hide(speed) });//Click to pop up The layer hides itself

});