`
ammayjxf
  • 浏览: 68167 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

js编写弹出式菜单

1 
阅读更多
做一个类似于window右键的弹出式菜单。

代码如下:

var obj;

function loadobj(o)
{
obj=o;
}

function expand()
{
var h=parseInt(obj.height);
var w=parseInt(obj.width);
var op=10;

if( h<=170 )
{
if( w<60 )
obj.style.width=w+6;

obj.style.height=h+17;

x=setTimeout('expand()', 25);
}
else
{
obj.style.width=60;
obj.style.height=174;
clearTimeout(x);
}
}

var drag=0;
var move=0;
function Dblclick()
{
if (event.button==0)
{
obj.style.visibility="visible";
obj.style.left=window.event.x;
obj.style.top =window.event.y;
obj.style.width=0;
obj.style.height=0;

obj.filters.item(0).apply();
obj.filters.item(0).transition = 25;
obj.filters(0).play(0.5);

expand();
}
}

function MouseMove()
{
if(move==1)
{
obj.style.cursor="move";
obj.style.left=window.event.x-l;
obj.style.top=window.event.y-t;
}
}

function MouseDown()
{
if(drag)
{
l = window.event.x - parseInt(obj.style.left);
t = window.event.y - parseInt(obj.style.top);
obj.style.zIndex+=1;
move=1;
}
else
{
document.body.style.cursor='default';
obj.style.visibility='hidden';
}
}

function MouseStop()
{
window.event.returnValue=false;
}

function MouseUp()
{
move=0;
obj.style.cursor="hand";
}

document.ondblclick=Dblclick;
document.onmousedown=MouseDown;
document.onmousemove=MouseMove;
document.ondragstart=MouseStop;
document.onmouseup=MouseUp
分享到:
评论

相关推荐

    JavaScript 特效 经典实例大全

    包含页面特效、按钮特效、字符串文本和输入框特效、鼠标特效、层和框架的特效、下拉列表特效、键盘操作和状态栏特效、链接特效、表格特效、单选框和复选框、颜色处理和菜单特效、窗口特效与弹出式警告等等。...

    Js|JavaScript 广告滚动显示源代码

    这个例子以最基础的面向过程式编写的广告自动滚动播放的源代码。可以直接使用实践项目中。

    JQuery&CSS;&CSS;+DIV实例大全.rar

    常用jQuery弹出式链接提示效果Tooltip源码下载 10.相当牛的jQuery动感TipBox,鼠标移上去会动的提示框哦 11.简单实用jQuery用于登录弹出层例子代码(带动画的弹出层) 12.综合jquery实现表格隔行换色和鼠标经过...

    精通JS脚本之ExtJS框架.part1.rar

    10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 节点拖放的3种形式 10.8.2 叶子不能append 10.8.3 判断拖放的目标 10.8.4 树之间的拖放 10.9 树形过滤器TreeFilter...

    精通JS脚本之ExtJS框架.part2.rar

    10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 节点拖放的3种形式 10.8.2 叶子不能append 10.8.3 判断拖放的目标 10.8.4 树之间的拖放 10.9 树形过滤器TreeFilter...

    javapms门户网站源码

    javascript脚本基于jquery和javascript标准编写,有效的解决了js跨浏览器的问题,系统可以在IE6、IE7、IE8、IE9、FireFox、Chrome、Opera、Safari浏览器下平稳运行。 1.5. 强大的中文采集与检索技术 系统支持强大的...

    DotNetTextBox所见即所得编辑器控件 v3.3.1

    6) 插入表情图标功能由原来的弹出式窗口改为DIV窗口,更加美观实用。 7) 计算器功能由原来的弹出式窗口改为DIV窗口,更加美观实用。 8) 右键菜单增加创建和修改链接的功能。 9) 插入当前日期功能用更强大...

    三虎企业建站系统(3hooCMS) v3.0 SP2.rar

    OK 已知但不属于功能故障的BUG 在上传弹出窗口未正常上传而关闭会造成JS无回调参数而报错. 正式封包,比预计发布时间多出4天 默认管理员帐号密码 帐号 admin 密码 3hoocms 近段将开放论坛,请有问题反馈到论坛。有...

    dreamweaver的各种组件

    IE Sliding Tiles 创建一个响应鼠标事件的自动弹出式下拉菜单,实例可见http://www.webmokey.com QuickTime Object 有了这个插件,您就可以在Dreamweaver中方便地插入QuickTime文件, 程序能自动调用相关的ActiveX...

    IONIC 功能全演示

    [弹出层](screenshot/pop.png) ![tab](screenshot/tab.png) ![幻灯](screenshot/slide.png) ![图片水平滚动](screenshot/hscroll.png) ![毛玻璃效果](screenshot/blure.png) ![2000条数据搜索](screenshot/search....

    JAVA上百实例源码以及开源项目

    Java右键弹出菜单源码 简单 Java圆形按钮实例代码,含注释 两个目标文件,自绘button。 Java圆形电子时钟源代码 1个目标文件 内容索引:JAVA源码,系统相关,电子钟  用JAVA编写的指针式圆形电子钟,效果图如下所示...

    JAVA上百实例源码以及开源项目源代码

    Java右键弹出菜单源码 简单 Java圆形按钮实例代码,含注释 两个目标文件,自绘button。 Java圆形电子时钟源代码 1个目标文件 内容索引:JAVA源码,系统相关,电子钟 用JAVA编写的指针式圆形电子钟,效果图如下所示,...

    java源码包---java 源码 大量 实例

    Java右键弹出菜单源码 简单 Java圆形按钮实例代码,含注释 两个目标文件,自绘button。 Java圆形电子时钟源代码 1个目标文件 内容索引:JAVA源码,系统相关,电子钟  用JAVA编写的指针式圆形电子钟,效果图如下所示...

    asp.net知识库

    用于弹出ModalDialog进行数据选择的控件 使用.ashx文件处理IHttpHandler实现发送文本及二进制数据的方法 制作一个简单的多页Tab功能 一完美的关于请求的目录不存在而需要url重写的解决方案! 在C#中实现MSN消息框的...

    java源码包2

    Java右键弹出菜单源码 简单 Java圆形按钮实例代码,含注释 两个目标文件,自绘button。 Java圆形电子时钟源代码 1个目标文件 内容索引:JAVA源码,系统相关,电子钟  用JAVA编写的指针式圆形电子钟,效果图如下...

    java源码包3

    Java右键弹出菜单源码 简单 Java圆形按钮实例代码,含注释 两个目标文件,自绘button。 Java圆形电子时钟源代码 1个目标文件 内容索引:JAVA源码,系统相关,电子钟  用JAVA编写的指针式圆形电子钟,效果图如下...

    java源码包4

    Java右键弹出菜单源码 简单 Java圆形按钮实例代码,含注释 两个目标文件,自绘button。 Java圆形电子时钟源代码 1个目标文件 内容索引:JAVA源码,系统相关,电子钟  用JAVA编写的指针式圆形电子钟,效果图如下...

    xheditor-1.1.14

    说明:控制弹出窗口是否显示上方的标题栏,默认为显示,若需要显示一个更定制个性化的iframe窗口,可通过此参数隐藏上方的标题栏 upBtnText:上传按钮的文字 参数值:任意字符串,默认值:“上传” 备注:1.0.0 beta2...

    成百上千个Java 源码DEMO 4(1-4是独立压缩包)

    Java右键弹出菜单源码 简单 Java圆形按钮实例代码,含注释 两个目标文件,自绘button。 Java圆形电子时钟源代码 1个目标文件 内容索引:JAVA源码,系统相关,电子钟 用JAVA编写的指针式圆形电子钟,效果图如下所示,...

Global site tag (gtag.js) - Google Analytics