<style> 
.skin1 { 
position:absolute; 
padding-top:4px; 
text-align:left; 
width:100px; 
border:2px solid black; 
background-color:menu; 
font-family:"宋體"; 
line-height:20px; 
cursor:default; 
visibility:hidden; 
}

--> 
</style> 
<script language="javascript"> 
<!-- 
var menuskin = "skin1";        // 定義菜單顯示的外觀
var display_url = 0;           
// 是否在瀏覽器窗口的狀態行中顯示菜單項目條對應的鏈接字符串 
function showmenuie5() { 
var leftedge = document.body.clientWidth-event.clientX;     
// 獲取當前鼠標右鍵按下后的位置，定義菜單顯示的位置
var topedge = document.body.clientHeight-event.clientY; 
if (leftedge <ie5menu.offsetWidth)          
// 如果從鼠標位置到窗口右邊的空間小于菜單的寬度
	ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;        // 定位菜單的左坐標為當前鼠標位置向左一個菜單寬度 
else                                       
	ie5menu.style.left = document.body.scrollLeft + event.clientX;
// 定位菜單的左坐標為當前鼠標位置
if (topedge <ie5menu.offsetHeight)   
// 如果從鼠標位置到窗口下邊的空間小于菜單的高度
	ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;         // 定位菜單的上坐標為當前鼠標位置向上一個菜單高度
else
	ie5menu.style.top = document.body.scrollTop + event.clientY;
// 定位菜單的上坐標為當前鼠標位置 
ie5menu.style.visibility = "visible";       // 設置菜單可見
return false; 
} 
function hidemenuie5() { 
ie5menu.style.visibility = "hidden";          // 隱藏菜單
} 

function highlightie5() {                     // 高亮度鼠標經過的菜單條項目
if (event.srcElement.className == "menuitems") { 
// 如果鼠標經過的對象是menuitems 
event.srcElement.style.backgroundColor = "highlight"; // 重新設置背景色與前景色
event.srcElement.style.color = "white";
if (display_url)                              // 將鏈接信息顯示到狀態行
window.status = event.srcElement.url; 
//event.srcElement.url表示事件來自對象表示的鏈接URL

} 
} 

function lowlightie5() {                      // 恢復菜單條項目的正常顯示
if (event.srcElement.className == "menuitems") { 
event.srcElement.style.backgroundColor = ""; 
event.srcElement.style.color = "black"; 
window.status = ""; 
} 
} 
function jumptoie5() {                          // 右鍵下拉菜單功能跳轉
var seltext=window.document.selection.createRange().text    // 轉到新的鏈接位置 
if (event.srcElement.className == "menuitems") { 
if (event.srcElement.getAttribute("target") != null)
// 如果存在打開鏈接的目標窗口
	window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
// 在指定窗口中打開鏈接
else 
	window.location = event.srcElement.url;     // 在當前窗口打開鏈接
} 
} 
//--> 
</script> 
<center> 
<p>點擊右鍵看看效果</p> 
</center> 
<div onselectstart="return false" id="ie5menu" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();"> 
<div class="menuitems" url="javascript:history.back();">后退</div> 
<div class="menuitems" url="javascript:history.forward();">前進</div> 
<hr> 
<div class="menuitems" url="http://www.sina.com.cn" target="_blank">新浪網</div> 
<div class="menuitems" url="http://www.163.com" target="_blank">網易163</div> 
<div class="menuitems" url="http://www.baidu.com.cn" target="_blank">百度</div> 
<hr> 
<div class="menuitems" url="http://www.sohu.com" target="_blank">搜狐</div> 
<div class="menuitems" url="http://www.google.com">Google</div> 
</div> 
<script language="JavaScript"> 
<!--
if (document.all) {                             // 判斷瀏覽器  
ie5menu.className = menuskin;                   // 選擇菜單方塊的顯示樣式
document.oncontextmenu = showmenuie5;           // 鼠標右鍵事件的處理過程
document.body.onclick = hidemenuie5;            // 鼠標左鍵事件的處理過程
} 
//-->
</script>