<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);
});