<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>
步驟二 :
將以下程式碼拷貝 , 貼在您網頁原始檔 <body> 與 </body>
之間 .
<script
language="JavaScript1.2">
//set this variable to 1 if you wish the URLs of
the highlighted menu to be displayed in the status bar
var
display_url=0
function
showmenuie5(){
ie5menu.style.left=document.body.scrollLeft+event.clientX
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>
<div id="ie5menu" onMouseover="highlightie5()"
onMouseout="lowlightie5()" onClick="jumptoie5()">
<div
class="menuitems" url="http://enews.tacocity.com.tw/browser.phtml?enews=tsai5344">訂閱電子報</div>
<div class="menuitems" url="http://residence.educities.edu.tw/tsai5344/book/index.htm">訪客留言</div>
<div class="menuitems" url="http://residence.educities.edu.tw/tsai5344/logolinks/logolinks.cgi">廣告交換登錄</div>
<div class="menuitems" url="http://www.tacocity.com.tw/tsai5344/h17-11.htm">歡樂遊戲區</div>
<div class="menuitems" url="javascript:history.back(1)">Java Script教學</div>
<hr>
<div class="menuitems"
url="http://www.tacocity.com.tw/tsai5344/">小依依網站首頁</div>
</div>
<script
language="JavaScript1.2">
document.oncontextmenu=showmenuie5
if
(document.all&&window.print)
document.body.onclick=hidemenuie5
</script>
此網頁使用框架,但是您的瀏覽器並不支援.