屏蔽右键,点击鼠标触发事件,置顶

<span style="font-family:KaiTi_GB2312;font-size:18px;">// 屏蔽浏览器自带的右键
	document.oncontextmenu = function(){
		return false;
	}
	

	// 点击鼠标键
	$(document).mousedown(function(e){
		// 鼠标键 1(左键),2鼠标滚轮,3右键
		var key = e.which; 
		// 点击鼠标右键
		if(key == 3){
			var x = e.clientX; // x 横坐标
			var y = e.clientY; // y 纵坐标
			// $("#zb").html("x = " + x + "  ,  y = " + y); 显示坐标值

			// 获取menu的宽度和高度
			var menuHeight = $(".menu").height();
			var menuWidth = $(".menu").width();
			// 获取浏览器的可见高度和宽度
			var clientHeight = getClientHeight();
			var clientWidth = getClientWidth();
			// 判断
			if(menuHeight + y > clientHeight){
				y = clientHeight - menuHeight - 5;
			}
			if(menuWidth + x > clientWidth){
				x = clientWidth - menuWidth - 5;
			}
			$(".menu").show().css({left:x,top:y});
		}

	});</span>

置顶

<div id="top">
		<span></span>
	</div>
// 滑动鼠标滚轮
	$(window).scroll(function(){
		// 判断隐藏显示
		if($(window).scrollTop() >= 100){
			$("#top").fadeIn(300);//淡入
		} else {
			$("#top").stop(true,true).fadeOut("300");//淡出
		}
	});
	// 点击回到顶部时
	$("#top").click(function(){
		$("html,body").animate({//注意写法,在jquery中级联的写法
			scrollTop:0
		},1000);
	});




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值