凸显个性网页右键菜单我作主

作者：佚名出处：网络转载时间：06-14 点击：

内容载入中...

<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>

<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>

收藏本文：

【大中小】【打印页面】【推荐给朋友】【关闭窗口】

<< 上一篇：优化网站的20条重要体会

>> 下一篇：玩转表格让你的网页炫起来

站长学院

推荐信息

本类热点

·左右两边浮动广告特效代码
·定制网页窗口的大小
·页面自动刷新源码
·自动打开新窗口并自动关闭
·随滚动条滚动而移动的层
·漂亮表格特效代码大全集
·实现百度站内搜索的代码
·一种简单的图片幻灯片特效
·最大化/最小化/关闭窗口代码集锦
·打开网页窗口显示欢迎词

凸显个性 网页右键菜单我作主

作者：佚名 出处：网络转载 时间：06-14 点击：

站长学院

凸显个性网页右键菜单我作主

作者：佚名出处：网络转载时间：06-14 点击：