jquery怎么实现自定义右键菜单有刷新功能

jquery怎么实现自定义右键菜单有刷新功能

坚守“ 做人真诚 · 做事靠谱 · 口碑至上 · 高效敬业 ”的价值观，专业网站建设服务10余年为成都墙体彩绘小微创业公司专业提供成都企业网站定制营销网站建设商城网站建设手机网站建设小程序网站建设网站改版，从内容策划、视觉设计、底层架构、网页布局、功能开发迭代于一体的高端网站建设服务。

在线演示地址如下：

具体代码如下：

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

!DOCTYPE html

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titlejQuery自定义区域的鼠标右键菜单/title

script src="jquery-1.6.2.min.js"/script

style type="text/css"

#mask{position: absolute;left: 0;top: 0;z-index: 9000;display: block;}

#myMenu{position: absolute;display: none;z-index: 9999;background: yellow;border: 1px solid;width: 200px;height: 155px;}

#textbox{background: orange;width: 380px;border: 2px solid;}

img{height: 30px;width: 30px;}

td{font-size: 20px;cursor: pointer;}

a{text-decoration: none;color: black;}

a: hover{color: white;background: black;}

/style

script type="text/javascript"

var windowwidth;

var windowheight;

var checkmenu;

$(window).ready(function() {

$('#myMenu').hide();

$('#textbox').bind("contextmenu",function(e){

windowwidth = $(window).width();

windowheight = $(window).height();

checkmenu = 1;

$('#mask').css({

'height': windowheight,

'width': windowwidth

});

$('#myMenu').show(500);

$('#myMenu').css({

'top':e.pageY+'px',

'left':e.pageX+'px'

});

return false;

});

$('#mask').click(function(){

$(this).height(0);

$(this).width(0);

$('#myMenu').hide(500);

checkmenu = 0;

return false;

});

$('#mask').bind("contextmenu",function(){

$(this).height(0);

$(this).width(0);

$('#myMenu').hide(500);

checkmenu = 0;

return false;

});

$(window).resize(function(){

if(checkmenu == 1) {

windowwidth = $(window).width();

windowheight = $(window).height();

$('#mask').css({

'height': windowheight,

'width': windowwidth,

});

}

});

});

/script

/head

body

div id="myMenu"

table cellspace="3"

tr

td img src="images/twitter.png" /tdtda href="#"tweet me/a/td

/tr

tr

td img src="images/facebook.png" /tdtda href="#"facebook share/a/td

/tr

tr

td img src="images/myspace.png" /tdtda href="#"myspace share/a/td

/tr

tr

td img src="images/mail.png" /tdtda href="#"e-mail this/a/td

/tr

/table

/div

div id="mask" /div

div id="textbox"

p嗨！您好，在这个区域内点击您的鼠标右键吧，会弹出一个自定义的右键菜单，和浏览器的右键菜单完全不一样哦！p/

/div

div

/body

/html

写jquery的代码 ，一定要加上 src="jquery.js" 这个才能运行吗？

恩，是的，要使用jquery，必须要加载jquery插件。

去这儿下载吧：

或者这儿：

我的在线jquery.min.js引用网站https://www.198bona.com的方式正确吗？

不建议这样引用。到jquery官网下载需要的版本，直接引用本地的。

网站地址：jquery.com

jquery在线文件链接地址是什么？

jquery在线文件链接地址是：；或。

jquery在线文件：

1、jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。

2、在线文档预览(doc,docx,xls,xlsx,ppt,pptx,pdf等)|压缩文件在线预览(zip,rar,tar,7z等)|图纸文件在线预览(dwg,dxf,dwf)|图片文件在线预览|音频播放|在线协作。

jquery在线文件链接

有的啊，到jquery官方网站上找啊，google和微软以及jquery官方网站都有提供的，

百度知道很lj，不让写网址

你或者直接搜索 jQuery CDN

名称栏目：jquery在线地址,jQuery网站
转载来源：http://kswjz.com/article/dsdeses.html