JavaScript CSS creates right-click menu effect code_navigation menu

Rendering:

<title>Css and javascript create page right-click menu</title> <style type="text/css"> body { font-family: "宋体"; font-size: 12px; } .skin0 { padding-top: 4px; text-align: left; width: 100px; border: 2px solid black; background-color: menu; font-family: "宋体"; line-height: 20px; cursor: default; visibility: hidden; } .skin1 { padding-top: 4px; cursor: default; font: menutext; text-align: left; font-family: "宋体"; font-size: 10pt; width: 100px; background-color: menu; border: 1 solid buttonface; visibility: hidden; border: 2 outset buttonhighlight; } </style> <div id="ie5menu" class="skin0"> Use the right-click menu to create test effects! <div onclick="alert('后退请三思！)"> </div>Back<div onclick="alert('祝你前程似锦，大胆往前走吧！')"> </div>Forward<hr> <div url="http://www.jb51.net" target="_blank" onclick="jumptoie5()"> </div>Script Home<div url="http://www.jb51.net/photoshop/" target="_blank" onclick="jumptoie5()"> </div>photoshop tutorial<div url="http://www.jb51.net/list/list_3_1.htm" target="_blank" onclick="jumptoie5()"> </div>javascript<div url="http://www.jb51.net/list/list_114_1.htm" target="_blank" onclick="jumptoie5()"> </div>vbscript<hr> <div url="http://www.jb51.net/softs/index.html" target="_blank" onclick="jumptoie5()"> </div>Software download<div url="http://www.mydown.com/codes/" target="_blank" onclick="jumptoie5()"> </div>Source code download<hr> <div url="http://www.jb51.net/list/list_6_1.htm" target="_blank" onclick="jumptoie5()"> </div>Regular expression<div url="http://www.jb51.net/support.htm" onclick="jumptoie5()"> </div>Contact me</div>
[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute

]

Code explanation:
1. When the page is loading, first execute the load1() method
to first check whether it is IE browser. If the current browser is Internet Explorer, document.all will return true. Then the following definition should be valid. That is to say, when it is detected that the browser used by the client is IE, the function showmenuie5 is called when the user generates a right-click event, and the function hidemenuie5 is called when the user generates a left-click event.
2. Next we have to consider how to display and hide the menu through the function showmenuie5 and hidemenuie5.
Of course, the menu here is not a real right-click menu, but a div we made ourselves, and we put the things we want to put in this div. Call the function through mouse events to control its visibility, which achieves the same effect as using the right mouse button.
The outermost layer of this block is a div with the ID ie5menu. We have defined its style as skin0. You can also customize other styles and replace skin0.
3. Operations after clicking the menu option The jumptoie5() function implements what happens when the mouse clicks on the layer in the right-click menu, that is, the execution option