推荐:极酷右键菜单


Posted in Javascript onNovember 29, 2006
<!-- ++++++++++++++++++++++++++++++在<body></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" 
><a href=http://www.pcedu.com.cn>网络学院</a></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';"><a href=#>菜单项二</a></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> 
</div> 
<script language="vbs"> 
dim down,divleft,divtop,timelinestart,timelinestop,tidone,tidtwo,tidtree 
down=false 
timelinestart=0 
timelinestop=0 
sub document_onmousedown 
if window.event.button=2 then 
plane.style.display="" 
plane.style.left=window.event.clientx-153 
plane.style.top=window.event.clienty-35 
end if 
end sub 
sub document_onmousemove 
if down then 
plane.style.left=window.event.clientx-divleft 
plane.style.top=window.event.clienty-divtop 
end if 
end sub 
sub document_ondargstart 
window.event.returnvalue=false 
end sub 
function menuin() 
cleartimeout(tidtree) 
end function 
sub document_onclick 
tidtree=settimeout("outit()",200) 
end sub 
function init() 
if timelinestart<>5 then 
cleartimeout(tidtwo) 
item1.style.pixelLeft=item1.style.pixelLeft+20 
item1.filters.alpha.opacity=item1.filters.alpha.opacity+20 
item2.style.pixelLeft=item2.style.pixelLeft-20 
item2.filters.alpha.opacity=item2.filters.alpha.opacity+20 
item3.style.pixelLeft=item3.style.pixelLeft+20 
item3.filters.alpha.opacity=item3.filters.alpha.opacity+20 
item4.style.pixelLeft=item4.style.pixelLeft-20 
item4.filters.alpha.opacity=item4.filters.alpha.opacity+20 
item5.style.pixelLeft=item5.style.pixelLeft+20 
item5.filters.alpha.opacity=item5.filters.alpha.opacity+20 
timelinestart=timelinestart+1 
else 
cleartimeout(tidone) 
end if 
tidone=settimeout("init()",1) 
end function 
function outit() 
if timelinestart<>0 then 
cleartimeout(tidone) 
item1.style.pixelLeft=item1.style.pixelLeft-20 
item1.filters.alpha.opacity=item1.filters.alpha.opacity-20 
item2.style.pixelLeft=item2.style.pixelLeft+20 
item2.filters.alpha.opacity=item2.filters.alpha.opacity-20 
item3.style.pixelLeft=item3.style.pixelLeft-20 
item3.filters.alpha.opacity=item3.filters.alpha.opacity-20 
item4.style.pixelLeft=item4.style.pixelLeft+20 
item4.filters.alpha.opacity=item4.filters.alpha.opacity-20 
item5.style.pixelLeft=item5.style.pixelLeft-20 
item5.filters.alpha.opacity=item5.filters.alpha.opacity-20 
timelinestart=timelinestart-1 
else 
cleartimeout(tidtwo) 
plane.style.display="none" 
exit function 
end if 
tidtwo=settimeout("outit()",1) 
end function 
</script>
Javascript 相关文章推荐
js的逻辑运算符 ||
May 31 Javascript
JavaScript 学习历程和心得分享
Dec 12 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
Jan 21 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
Aug 07 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
Oct 10 Javascript
javascript实现模拟时钟的方法
May 13 Javascript
纯js代码实现简单计算器
Dec 02 Javascript
javascript显示系统当前时间代码
Dec 29 Javascript
详解Node.js实现301、302重定向服务
Apr 07 Javascript
JS实现的按钮点击颜色切换功能示例
Oct 19 Javascript
你可能不知道的CORS跨域资源共享
Mar 13 Javascript
浅谈react-router@4.0 使用方法和源码分析
Jun 04 Javascript
双击滚屏-常用推荐
Nov 29 #Javascript
js获取单选按钮的数据
Nov 27 #Javascript
准确获得页面、窗口高度及宽度的JS
Nov 26 #Javascript
解决FireFox下[使用event很麻烦]的问题
Nov 26 #Javascript
DHTML 中的绝对定位
Nov 26 #Javascript
js验证表单第二部分
Nov 25 #Javascript
js验证表单大全
Nov 25 #Javascript
You might like
德生PL990的分析评价
2021/03/02 无线电
用文本文件实现的动态实时发布新闻的程序
2006/10/09 PHP
一个数据采集类
2007/02/14 PHP
php中根据变量的类型 选择echo或dump
2012/07/05 PHP
浅谈web上存漏洞及原理分析、防范方法(文件名检测漏洞)
2013/06/29 PHP
html超链接打开窗口大小的方法
2013/03/05 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
2014/02/24 Javascript
动态加载jQuery的两种方法实例分析
2015/07/17 Javascript
JavaScript正则表达式匹配 div  style标签
2016/03/15 Javascript
javascript表单事件处理方法详解
2016/05/15 Javascript
bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法
2017/05/25 Javascript
浅谈AngularJS中使用$resource(已更新)
2017/09/14 Javascript
nodejs之koa2请求示例(GET,POST)
2018/08/07 NodeJs
spring+angular实现导出excel的实现代码
2019/02/27 Javascript
Python re模块介绍
2014/11/30 Python
Python中函数参数设置及使用的学习笔记
2016/05/03 Python
基于Python中capitalize()与title()的区别详解
2017/12/09 Python
Pandas 对Dataframe结构排序的实现方法
2018/04/10 Python
Pycharm运行加载文本出现错误的解决方法
2019/06/27 Python
Python ellipsis 的用法详解
2020/11/20 Python
Python LMDB库的使用示例
2021/02/14 Python
阿联酋网上花店:Ferns N Petals
2018/02/14 全球购物
LG西班牙网上商店:Tienda LG Online Es
2019/07/30 全球购物
联想阿根廷官方网站:Lenovo Argentina
2019/10/14 全球购物
铭立家具面试题
2012/12/06 面试题
在校生自我鉴定
2014/01/23 职场文书
优秀信贷员先进事迹
2014/01/31 职场文书
防灾减灾标语
2014/10/07 职场文书
党的群众路线批评与自我批评范文
2014/10/16 职场文书
群众路线调研报告范文
2014/11/03 职场文书
2014年办公室工作总结范文
2014/11/12 职场文书
电影圆明园观后感
2015/06/03 职场文书
客户答谢会致辞
2015/07/30 职场文书
如何写好竞聘报告
2019/04/03 职场文书
大学社团活动总结怎么写
2019/06/21 职场文书
MySQL Router的安装部署
2021/04/24 MySQL