<html>
<head>
<title>输入框</title>
<style>
<!--
#ie5menu{
position:absolute;
width:200px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.menuitems{
padding-left:15px;
padding-right:15px;
}
-->
</style>
<script>
var display_url=0 ;
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-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"){
event.srcElement.style.backgroundColor="highlight" ;
event.srcElement.style.color="white" ;
if (display_url==1) window.status=event.srcElement.url ;
}
}
function lowlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="" ; event.srcElement.style.color="black" ; window.status='' ; } }
function jumptoie5(){ if (event.srcElement.className=="menuitems") window.location=event.srcElement.url ; }
</script>
</head>
<body>
<div id="ie5menu" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="http://www.webjx.com">首页</div>
<div class="menuitems" url="http://www.webjx.com/bbs/">网页教学网技术论坛</div>
<div class="menuitems" url="http://www.webjx.com/sucai/">精品素材</div>
<div class="menuitems" url="http://www.webjx.com/flash">精品动画</div>
<div class="menuitems" url="http://www.webjx.com/web/">网页制作</div>
<hr>
<div class="menuitems" url="http://www.webjx.com/">网页教学网</div>
</div>
<script>
document.oncontextmenu=showmenuie5;
if(document.all && window.print) document.body.onclick=hidemenuie5;
</script>
</body>
<head>
<title>输入框</title>
<style>
<!--
#ie5menu{
position:absolute;
width:200px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.menuitems{
padding-left:15px;
padding-right:15px;
}
-->
</style>
<script>
var display_url=0 ;
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-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"){
event.srcElement.style.backgroundColor="highlight" ;
event.srcElement.style.color="white" ;
if (display_url==1) window.status=event.srcElement.url ;
}
}
function lowlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="" ; event.srcElement.style.color="black" ; window.status='' ; } }
function jumptoie5(){ if (event.srcElement.className=="menuitems") window.location=event.srcElement.url ; }
</script>
</head>
<body>
<div id="ie5menu" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="http://www.webjx.com">首页</div>
<div class="menuitems" url="http://www.webjx.com/bbs/">网页教学网技术论坛</div>
<div class="menuitems" url="http://www.webjx.com/sucai/">精品素材</div>
<div class="menuitems" url="http://www.webjx.com/flash">精品动画</div>
<div class="menuitems" url="http://www.webjx.com/web/">网页制作</div>
<hr>
<div class="menuitems" url="http://www.webjx.com/">网页教学网</div>
</div>
<script>
document.oncontextmenu=showmenuie5;
if(document.all && window.print) document.body.onclick=hidemenuie5;
</script>
</body>
要是自己作的话,要跟IE的一模一样还算可以实现。但要跟IE的功能也一模一样几乎是不可能的