1:jquery实现经过显示,离开隐藏。
$("经过的内容").hover(function(){
$("显示隐藏的内容").toggle();
});
2:让某个物品跟随鼠标的位置移动,获取鼠标的值,给物品设置样式。并且让鼠标显示在中间,并靠近上面一点。
$(document).mousemove(function(event){
var x = event.pageX-$(".hand-08").width()/2;
var y = event.pageY+20;
$(".hand-08").css({"left":x,"top":y});
});
3:这个是实现物品跟随鼠标移动,并且限制了物品移动的高度,如果小于minY,让高度等于minY大小。
$(document).mousemove(function(event){
var x = event.pageX-$(".hand-08").width()/2;
var y = event.pageY+20;
//手的高度不能小于,屏幕高度 — 去手的高度。
var minY = k - 449;
if(y < minY) {
$(".hand-08").css({"left":x,"top":minY});
}else {
$(".hand-08").css({"left":x,"top":y});
}
/*if(y<minY){
y=minY;
}
$(".hand-08").css({"left":x,"top":y});*/
});
4:如果点击完按钮想让做的动画重新再来一次,就是把所有带动画的盒子添加一个类(比如move类),然后把样式清空。
$(".btn").click(function(){
$("img .move").attr("style","");
});