推荐:极酷右键菜单


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 jquery验证银行卡号信息正则学习
Jan 21 Javascript
基于jquery的文章中所有图片width大小批量设置方法
Aug 01 Javascript
node.js使用require()函数加载模块
Nov 26 Javascript
jQuery拖拽插件gridster使用指南
Apr 21 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
Nov 02 Javascript
javascript中checkbox使用方法实例演示
Nov 19 Javascript
详解Bootstrap插件
Apr 25 Javascript
第一次接触Bootstrap框架
Oct 24 Javascript
JQuery和PHP结合实现动态进度条上传显示
Nov 23 Javascript
JavaScript简单拖拽效果(1)
May 17 Javascript
JS+canvas实现的五子棋游戏【人机大战版】
Jul 19 Javascript
electron 安装,调试,打包的具体使用
Nov 06 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
详解PHP显示MySQL数据的三种方法
2008/06/05 PHP
生成随机字符串和验证码的类的PHP实例
2013/12/24 PHP
初识Laravel
2014/10/30 PHP
CI框架源码解读之URI.php中_fetch_uri_string()函数用法分析
2016/05/18 PHP
php中各种定义变量的方法小结
2017/10/18 PHP
php常用字符串查找函数strstr()与strpos()实例分析
2019/06/21 PHP
javascript编程起步(第六课)
2007/01/10 Javascript
JavaScript Cookie显示用户上次访问的时间和次数
2009/12/08 Javascript
Jquery实现的tab效果可以指定默认显示第几页
2013/10/16 Javascript
jquery实现tr元素的上下移动示例代码
2013/12/20 Javascript
Highcharts学习之坐标轴
2016/08/02 Javascript
Angular实现跨域(搜索框的下拉列表)
2017/02/16 Javascript
js实现一键复制功能
2017/03/16 Javascript
mock.js模拟前后台交互
2019/07/25 Javascript
js实现微信聊天效果
2020/08/09 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
2020/08/11 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
[03:36]2014DOTA2 TI小组赛综述 八强诞生进军钥匙球馆
2014/07/15 DOTA
python监控网卡流量并使用graphite绘图的示例
2014/04/27 Python
python生成随机mac地址的方法
2015/03/16 Python
python高手之路python处理excel文件(方法汇总)
2016/01/07 Python
Python常用的内置序列结构(列表、元组、字典)学习笔记
2016/07/08 Python
Python循环语句中else的用法总结
2016/09/11 Python
用virtualenv建立多个Python独立虚拟开发环境
2017/07/06 Python
全面了解Nginx, WSGI, Flask之间的关系
2018/01/09 Python
python 获取当天凌晨零点的时间戳方法
2018/05/22 Python
python使用matplotlib:subplot绘制多个子图的示例
2020/09/24 Python
Python collections模块的使用方法
2020/10/09 Python
Python如何实现感知器的逻辑电路
2020/12/25 Python
任命书怎么写
2014/06/04 职场文书
党员先进性教育整改措施
2014/09/18 职场文书
湖南省党的群众路线教育实践活动总结会议新闻稿
2014/10/21 职场文书
圆明园观后感
2015/06/03 职场文书
Nginx反向代理多个服务器的实现方法
2021/03/31 Servers
Django程序的优化技巧
2021/04/29 Python
如何利用python创作字符画
2022/06/25 Python