当前位置: 编程技术>jquery
Jquery动态控制鼠标位置(层的动态显示与隐藏动画)
来源: 互联网 发布时间:2014-09-03
本文导语: 代码如下(注意需要引入外部jquery代码): 动态控制鼠标位置-www. $(document).ready(function(){ $(".testdiv").bind("click",function(){ var clickId = $(this).attr("id"); var showId = "content" + clickId.substring(7,clickId.length); $("#" + sho...
代码如下(注意需要引入外部jquery代码):
动态控制鼠标位置-www. $(document).ready(function(){ $(".testdiv").bind("click",function(){ var clickId = $(this).attr("id"); var showId = "content" + clickId.substring(7,clickId.length); $("#" + showId).slideToggle(); var obj = document.getElementById(clickId); var scrollX = parseInt($("#mouseX").val()); var scrollY = parseInt($("#mouseY").val()) + parseInt(240); var num = clickId.substring(7,clickId.length); $("html,body").animate({scrollTop: $("#box" + num).offset().top}, 1000); }); $(document).mousemove(function(e){ $("#mouseX").val(e.pageX); $("#mouseY").val(e.pageY); }); }); .testdiv{ background-color:#FFFFCC; width:400px; height:100%; border:1px solid blue; } .content{ background-color:#6699FF; width:400px; height:240px; display:none; border:#3300FF 1px solid; }鼠标指针位于:
11111111111111111111111111111111222222222222222222222222222222222223333333333333333333333333333333333334444444444444444555555555555555