| 网站首页 | 硬件维修 | 应用学院 | 网络组建 | 网站制作 | 菜鸟黑客 | 编程之道 | 数码大全 | 娱乐休闲 | 软件下载 | 在线视频 | 请您留言 | 技术论坛 | 
专 题 栏 目
最 新 热 门
最 新 推 荐
相 关 文 章
  • 鼠标在文本上移动时层的显示…

  • 网页设计:一种细腻的导航效果…

  • 为你的网页做出电影的过场效…

  • 制作三维表格效果

  • 制作虚线效果的水平线

  • 实现网页的动态过渡效果

  • 实现网页渐入特殊效果

  • 改变浏览者的鼠标型状

  • “画中画”效果--谈IFRAME标…

  • 用鼠标拖动表格进行排序

  • Q
    您现在的位置: 我是IT人 >> 网站制作 >> 网页设计 >> HTML >> 文章正文
    鼠标右键显隐效果           
    鼠标右键显隐效果
    作者:网络 文章来源:转载 点击数: 更新时间:2006-1-4
    [ 字体:缩小 正常 放大 | 双击自动滚屏 ]
    请选择合适的字体颜色:

    把如下代码加入<body>区域中
    <style>
    body,td,a {font-size:9pt;color:black}
    .none{border:black 1px solid;background:D9D9D9;padding-top:2}
    .over {border:black 1px solid;background:707888;color:white;padding-top:2}
    </style>
    <body oncontextmenu="return false">
    <div style="position:absolute; left: 100; top: 100;cursor: hand;display='none';" ID=plane onmousedown="down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY-parseInt(plane.style.top)" onmouseup="down=false">
    <div align=center style="position:absolute; left:150px; top:33px; width:100px; height:19px; z-index:1;color:white;background:707888;cursor:default;" class="none" onmouseover="menuin();init()">右键菜单</div>
    <div align=center id="item1" style="position:absolute; left:50px; top:55px; width:99px; height:19px; z-index:2; filter:alpha(opacity=0)" onmouseover="this.className='over';menuin()"
    onmouseout="this.className='none';" class="none"
    >菜单项一</div>
    <div align=center id="item2" style="position:absolute; left:250px; top:77px; width:99px; height:19px; z-index:3;filter:alpha(opacity=0)"
    class=none onmouseover="this.className='over';menuin()"
    onmouseout="this.className='none';">菜单项二</div>
    <div align=center id="item3" style="position:absolute; left:50px; top:99px; width:99px; height:19px; z-index:4; filter:alpha(opacity=0)"
    class=none onmouseover="this.className='over';menuin()"
    onmouseout="this.className='none';">菜单项三</div>
    <div align=center id="item4" style="position:absolute; left:250px; top:121px; width:99px; height:19px; z-index:5;filter:alpha(opacity=0)"
    class=none onmouseover="this.className='over';menuin()"
    onmouseout="this.className='none';">菜单项四</div> <div align=center id="item5" style="position:absolute; left:50px; top:143px; width:99px; height:19px; z-index:6; filter:alpha(opacity=0)"
    class=none onmouseover="this.className='over';menuin()"
    onmouseout="this.className='none';">菜单项五</div>

    [1] [2] [3] 下一页  

    文章录入:54iter    责任编辑:54iter 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 关于我们 | 友情链接 | 版权申明 |