CSS+JavaScript打造超酷右键菜单(2)

　　在一般的网页中，IE浏览器的默认右键菜单是一成不变的固定模式，大部分网友浏览网页时对它的利用率不高。对专业的网页设计师来说，如果能将右键菜单设计成个性化的内容，样式该是多么的酷和方便。
　
　　试想一下，用户在你的网站上一点右键，就是你精心组织的“链接”、“发信”，甚至包含了缤纷的交互式Flash动画！看看如何制作吧：
　　<style>
　　<!--
　　.skin0 {
　　position:absolute;
　　text-align:left;
　　width:200px;
　　border:2px solid black;
　　background-color:menu;
　　font-family:Verdana;
　　line-height:20px;
　　cursor:default;
　　visibility:hidden;
　　}
　　.skin1 {
　　cursor:default;
　　font:menutext;
　　position:absolute;
　　text-align:left;
　　font-family: Arial, Helvetica, sans-serif;
　　font-size: 10pt;
　　width:120px;
　　background-color:menu;
　　border:1 solid buttonface;
　　visibility:hidden;
　　border:2 outset buttonhighlight;
　　}
　　.menuitems {
　　padding-left:15px;
　　padding-right:10px;
　　}
　　-->
　　</style>
　　<SCRIPT LANGUAGE="JavaScript1.2">
　　<!-- This script and many more are available free online at -->
　　<!-- The JavaScript Source!! http://javascript.internet.com -->
　　<!-- Begin
　　var menuskin = "skin1"; // skin0, or skin1
　　var display_url = 0; // Show URLs in status bar?
　　function showmenuie5() {
　　var rightedge = document.body.clientWidth-event.clientX;
　　var bottomedge = document.body.clientHeight-event.clientY;
　　if (rightedge <ie5menu.offsetWidth)
　　ie5menu.style.left = document.body.scrollLeft + event.clientX -
ie5menu.offsetWidth;
　　else
　　ie5menu.style.left = document.body.scrollLeft + event.clientX;
　　if (bottomedge <ie5menu.offsetHeight)
　　ie5menu.style.top = document.body.scrollTop + event.clientY -
第 1 2 3 4 页