?<HTML><HEAD><TITLE>右鍵菜單的淡入淡出效果</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<SCRIPT language=javascript>
<!-- // RightClickMenu
var intDelay=10; //設置菜單顯示速度，越大越慢
var intInterval=5; //每次更改的透明度
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"
??????? //ie5menu.style.visibility=""
??????? ie5menu.filters.alpha.opacity=0
??????? GradientShow()
??????? return false
}
function hidemenuie5(){
??????? //ie5menu.style.visibility="hidden"
??????? GradientClose()
}
function highlightie5(){
??????? if (event.srcElement.className=="menuitems"){
??????????? event.srcElement.style.backgroundColor="highlight"
??????????? event.srcElement.style.color="white"
??????? }
}
function lowlightie5(){
??????? if (event.srcElement.className=="menuitems"){
??????????? event.srcElement.style.backgroundColor=""
??????????? event.srcElement.style.color="#000000"
??????? }
}
function jumptoie5(){
??????? if (event.srcElement.className=="menuitems"){
??????????? if (event.srcElement.url != ''){
??????????????? if (event.srcElement.getAttribute("target")!=null)
??????????????????? window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
??????????????? else
??????????????????? window.location=event.srcElement.url
??????????? }
??????? }
}
function GradientShow() //實現淡入的函數
{
??? ie5menu.filters.alpha.opacity+=intInterval
??? if (ie5menu.filters.alpha.opacity<100) setTimeout("GradientShow()",intDelay)
}
???
function GradientClose() //實現淡出的函數
??? {
??? ie5menu.filters.alpha.opacity-=intInterval
??? if (ie5menu.filters.alpha.opacity>0) {
???? setTimeout("GradientClose()",intDelay)
???? }
??? else {
???? ie5menu.style.visibility="hidden"
???? }
}
function ChangeBG() //改變菜單項的背景顏色，這里的兩種顏色值可以改為你需要的
{
??? oEl=event.srcElement
??? if (oEl.style.background!="navy") {
??????? oEl.style.background="navy"
??? }
??? else {
??????? oEl.style.background="#cccccc"
??? }
}
// -->
</SCRIPT>
<STYLE type=text/CSS>
.cMenu {
??? FILTER: alpha(opacity=0);BACKGROUND-COLOR: #D6D3CE;BORDER-BOTTOM: #666666 2px solid; BORDER-LEFT: #E4E4E4 2px solid; BORDER-RIGHT: #666666 2px solid; BORDER-TOP: #E4E4E4 2px solid; COLOR: #000000; CURSOR: default; FONT-SIZE: 9pt; color:#000000;FONT-WEIGHT: normal; LINE-HEIGHT: 20px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 110px
}
.menuitems {
??? font-size:9pt;
??? MARGIN: 2px;
??? PADDING-BOTTOM: 0px;
PADDING-LEFT: 15px;
PADDING-RIGHT: 3px;
PADDING-TOP: 0px;
}
</STYLE>
<META content="Microsoft FrontPage 4.0" name=GENERATOR>
</HEAD>
<BODY>
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0>
</OBJECT>
<RIGHTCLICK><!--[if IE]>
<DIV class=cMenu id=ie5menu onclick=jumptoie5() onmouseout=lowlightie5()
onmouseover=highlightie5()>
<DIV class=menuitems url="javascript:click_obj(0)">后退</DIV>
<DIV class=menuitems url="javascript:click_obj(1)">前進</DIV>
<DIV class=menuhr><hr style="width:100%"></DIV>
<DIV class=menuitems url="javascript:click_obj(2)">刷新</DIV>
<DIV class=menuitems url="javascript:click_obj(3)">加入收藏夾</DIV>
<DIV class=menuitems url="javascript:click_obj(4)">查看源文件</DIV>
<DIV class=menuhr><hr style="width:100%"></DIV>
<DIV class=menuitems url="javascript:click_obj(5)">屬性</DIV>
</DIV>
<![endif]-->
<SCRIPT language=JavaScript>
<!--
function click_obj(id){
??? switch(id){
??????? case 0:???
??????????? history.back()
??????????? break
??????? case 1:
??????????? history.forward()
??????????? break
??????? case 2:
??????????? window.location.reload()
??????????? break
??????? case 3:
??????????? window.external.AddFavorite(location.href, document.title)
??????????? break
??????? case 4:
??????????? window.location = "view-source:" + window.location.href
??????????? break
??????? case 5:
??????????? document.all.WebBrowser.ExecWB(10,1)
??????????? break
??? }
}
if (document.all&&window.print){
??? ie5menu.className="cMenu"
??? document.oncontextmenu=showmenuie5
??? document.body.onclick=hidemenuie5
}
//-->
</SCRIPT>
</RIGHTCLICK>
</BODY></HTML>
?
posted on 2006-09-26 17:22
SIMONE 閱讀(386)
評論(0) 編輯 收藏 所屬分類:
JSP