当前位置: 编程技术>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;
}
鼠标指针位于:
111111111111111
11111111111111111
222222222222222222222
22222222222222
33333333333333333
3333333333333333333
4444444444444444
555555555555555