jquery实现经过显示,离开隐藏。物品跟随鼠标移动

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","");
});
  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值