推荐:极酷右键菜单


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 相关文章推荐
php上传图片并给图片打上透明水印的代码
Jun 07 Javascript
关于jquery append() html时的小问题的解决方法
Dec 16 Javascript
JavaScript中实现单体模式分享
Jan 29 Javascript
js实现鼠标悬浮给图片加边框的方法
Jan 30 Javascript
简单谈谈原生js的math对象
Jun 27 Javascript
React Native预设占位placeholder的使用
Sep 28 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
Apr 17 Javascript
深入理解 TypeScript Reflect Metadata
Dec 12 Javascript
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
May 26 Javascript
js 函数性能比较方法
Aug 24 Javascript
JS访问对象两种方式区别解析
Aug 29 Javascript
详解vue-router的导航钩子(导航守卫)
Nov 02 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中Smarty模板初体验
2011/08/08 PHP
PHP在线生成二维码(google api)的实现代码详解
2013/06/04 PHP
php使浏览器直接下载pdf文件的方法
2013/11/15 PHP
PHP5中实现多态的两种方法实例分享
2014/04/21 PHP
PHP中单例模式与工厂模式详解
2017/02/17 PHP
实例分析PHP中PHPMailer发邮件
2017/12/13 PHP
Laravel框架模板继承操作示例
2018/06/11 PHP
关于图片验证码设计的思考
2007/01/29 Javascript
javascript 密码强度验证规则、打分、验证(给出前端代码,后端代码可根据强度规则翻译)
2010/05/18 Javascript
jQuery 常见操作实现方式和常用函数方法总结
2011/05/06 Javascript
JavaScript也谈内存优化
2014/06/06 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
2014/07/27 Javascript
JavaScript实现的一个计算数字步数的算法分享
2014/12/06 Javascript
jQuery实现的简单提示信息插件
2015/12/08 Javascript
用JS生成UUID的方法实例
2016/03/30 Javascript
vue-resourse将json数据输出实例
2017/03/08 Javascript
ES6入门教程之Class和Module详解
2017/05/17 Javascript
关于meta viewport中target-densitydpi属性详解(推荐)
2017/08/18 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
2017/12/26 Javascript
关于JavaScript中高阶函数的魅力详解
2018/09/07 Javascript
基于jQuery的时间戳与日期间的转化
2019/06/21 jQuery
使用xampp将angular项目运行在web服务器的教程
2019/09/16 Javascript
javascript实现画板功能
2020/04/12 Javascript
Vue 的双向绑定原理与用法揭秘
2020/05/06 Javascript
vue实现防抖的实例代码
2021/01/11 Vue.js
vue前端和Django后端如何查询一定时间段内的数据
2021/02/28 Vue.js
Python实现的爬取小说爬虫功能示例
2019/03/30 Python
python 使用cx-freeze打包程序的实现
2020/03/14 Python
师范毕业生自我鉴定
2014/01/15 职场文书
法人代表任命书范本
2014/06/05 职场文书
“四风”问题的主要表现和危害思想汇报
2014/09/19 职场文书
教师三严三实心得体会
2014/10/11 职场文书
解决Jupyter-notebook不弹出默认浏览器的问题
2021/03/30 Python
MongoDB balancer的使用详解
2021/04/30 MongoDB
CentOS8.4安装Redis6.2.6的详细过程
2021/11/20 Redis
Python绘制散乱的点构成的图的方法
2022/04/21 Python