您的位置:首页 > Web前端 > JQuery

Jquery将隐藏div按照鼠标位置来显示

2012-08-10 13:23 267 查看
Html中:
<div id="div_syncFun" class="rTBotr"><a id="syncFun">同步</a></div>
<div id="div_allFun" class="rTBotr" style="display:none;z-index:210000; position:absolute;">...</div>


Jquery中:

$("#syncFun").click(function(event){
var div = $("#div_allFun");
if(div.is(":hidden")){
div.show();

//		 div.style.left=document.body.scrollLeft+event.clientX+10;
//		 div.style.top=document.body.scrollLeft+event.clientY+10;
div.css("left",document.body.scrollLeft+event.clientX+1);
div.css("top",document.body.scrollLeft+event.clientY+10);
div.css("background-color","#EFF7FE");
}else{
div.hide();
}
});



                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: