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(); } });
相关文章推荐
- jquery鼠标滑过显示DIV,鼠标移开隐藏DIV
- jQuery 鼠标悬浮 隐藏显示div
- jQuery事件-div的显示隐藏及鼠标的移入移出
- 【jQuery】鼠标进入\离开操作实现div显示\隐藏
- jQuery事件-div的显示隐藏及鼠标的移入移出http://www.cnblogs.com/liuyanmin/p/5146544.html
- jQuery事件-div的显示隐藏及鼠标的移入移出
- jQuery事件-div的显示隐藏及鼠标的移入移出
- jquery让div隐藏,显示,随着鼠标移动
- jquery和js实现对div的隐藏和显示方法
- JQuery显示隐藏DIV的方法及代码实例
- div style设置隐藏多余字, title设置鼠标放上显示出来全部
- 解决显示隐藏层中select标签中的option在IE浏览器鼠标移上去就整个DIV都隐藏
- jquery控制css绝对定位位置效果,例如鼠标移动到图标显示层显示相关信息
- js全页面刷新方法+jquery之超简单的div显示和隐藏特效demo
- jquery控制div隐藏与显示的几种效果
- 鼠标悬浮移出控制div的显示与隐藏
- 基于jquery实现的定时显示与隐藏div广告的实现代码
- 用jQuery toggle函数控制div显示与隐藏
- JQuery实现点击div以外的位置隐藏该div
- jquery 实现点击其他地方隐藏之前点击显示的div标签等