Dron右键菜单 v1.0

New Document

/*******************************************\
Dron右键菜单 v1.0
This JavaScript was writen by Dron.
@2003-2008 Ucren.com All rights reserved.
(转载或应用请保留此版权信息)
\*******************************************/
var ie = (navigator.appVersion.indexOf("MSIE")!=-1);//IE
var ff = (navigator.userAgent.indexOf("Firefox")!=-1);//Firefox
document.write("

");
document.write("

");
Array.prototype.c = Array.prototype.concat;
function buffer()
{
var s = [];
s = s.c(["项目一"]);
s = s.c(["项目二"]);
s = s.c(["项目三"]);
s = s.c(["项目四"]);
s = s.c(["项目五"]);
s = s.c(["项目六"]);
s = s.c(["项目七"]);
s = s.c(["项目作"]);
s = s.join("");
document.getElementById("rightmenu").innerHTML = s;
}
var rightmenu = document.getElementById("rightmenu");
var rightmenubg = document.getElementById("rightmenubg");
var body = document.body;
var ex=0,ey=0;
function showcontextmenu(evt)
{
ex = evt.clientX;ey = evt.clientY;
rxy();
rightmenu.style.display = "block";
rightmenubg.style.display = "block";
evt.cancelBubble = true;
return false;
}
function bodyclick(evt)
{
rightmenu.style.display = "none";//关闭右键菜单
rightmenubg.style.display = "none";//关闭右键菜单
}
function rxy()
{
var step=3;
if(ie){step=1}
if(ff){step=6}
if(ex+150>body.clientWidth)
{
rightmenu.style.left = ex - 150;
rightmenubg.style.left = ex - 150 + step;
}
else
{
rightmenu.style.left = ex;
rightmenubg.style.left = ex + step;
}
if(ey+200>body.clientHeight)
{
rightmenu.style.top = ey - 160;
rightmenubg.style.top = ey - 160 + step;
}
else
{
rightmenu.style.top = ey;
rightmenubg.style.top = ey + step;
}
}
function showcontextmenu(evt)
{
ex = evt.clientX;ey = evt.clientY;
rxy();
rightmenu.style.display = "block";
rightmenubg.style.display = "block";
evt.cancelBubble = true;
return false;
}
window.onload = function()
{
buffer();
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(0)

相关推荐

  • Dron右键菜单 v1.0

    New Document /*******************************************\ Dron右键菜单 v1.0 This JavaScript was writen by Dron. @2003-2008 Ucren.com All rights reserved. (转载或应用请保留此版权信息) \*******************************************/ var ie = (navigator.appVersion.indexO

  • Flex自定义右键菜单具体实现

    1.自定义右键菜单注册类: 项目中新增注册类 RightClickManager,代码如下: 复制代码 代码如下: package com.siloon.plugin.rightClick { import flash.display.DisplayObject; import flash.display.InteractiveObject; import flash.events.ContextMenuEvent; import flash.events.MouseEvent; import

  • 在Flex中给datagrid添加右键菜单项的具体实现

    复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" crea

  • jquery下jstree简单应用 - v1.0

    第一篇文章,具体使用也过去很长时间了,直接贴码: 1.代码中使用json数据格式(直接在页面中组装成的,并非后台组装,具体方法:function _callBack(d)) 2.提供右键菜单及功能实现 3.具有checkbox,提供获取选中节点ID方法:function getMenuIds() 复制代码 代码如下: <script type="text/javascript" src="@{'/public/javascripts/jquery-1.4.2.min.j

  • jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例

    目录结构: noContextMenu.js 文件内容如下: $(function(){ //屏蔽右键菜单 $(document).bind("contextmenu", function(e){ return false; }); }); 效果图: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE H

  • jQuery EasyUI右键菜单实现关闭标签/选项卡

    本文实例为大家分享了jQuery EasyUI右键菜单可以选择关闭标签/选项卡操作,供大家参考,具体内容如下 目录结构: noContextMenu.js 文件内容如下: $(function(){ //屏蔽右键菜单 $(document).bind("contextmenu", function(e){ return false; }); }); 效果图: 方式一: <%@ page language="java" import="java.uti

  • ExtJs grid行 右键菜单的两种方法

    在这下边: 方法一 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="gridContextMenu.aspx.cs" Inherits="gridContextMenu" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &

  • js禁止页面复制功能禁用页面右键菜单示例代码

    <body oncontextmenu="return false">禁用网页右键菜单,但是仍然可以使用快捷键复制. js代码禁用复制功能: 复制代码 代码如下: <script type="text/javascript"> document.body.onselectstart=document.body.oncontextmenu=function(){ return false;} </script> 注意这段代码必须放在

  • JS实现的自定义右键菜单实例二则

    本文实例讲述了JS实现的自定义右键菜单.分享给大家供大家参考.具体如下: 示例1: 运行效果截图: 具体代码如下: <!DOCTYPE html> <html> <head> <title>JS实现自定义右键菜单</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script src=&

  • Bootstrap风格的zTree右键菜单

    HTML: <%-- 右键菜单 --%> <div id="zTreeRightMenuContainer" style="z-index: 9999;"> <%-- 层级 0 --%> <ul class="dropdown-menu" role="menu" level="0"> <%-- 通过给菜单项添加样式"hasChildren&qu

随机推荐