推荐:极酷右键菜单


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 相关文章推荐
使用jquery实现放大镜效果
Sep 02 Javascript
js获取表格的行数和列数的方法
Oct 23 Javascript
基于JavaScript实现移除(删除)数组中指定元素
Jan 04 Javascript
Bootstrap选项卡动态切换效果
Nov 28 Javascript
js仿微博动态栏功能
Feb 22 Javascript
基于jquery.page.js实现分页效果
Jan 01 jQuery
vue+axios 前端实现的常用拦截的代码示例
Aug 23 Javascript
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
Sep 05 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
Jul 24 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
Sep 05 Javascript
Vue实现导航栏的显示开关控制
Nov 01 Javascript
低门槛开发iOS、Android、小程序应用的前端框架详解
Oct 16 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实现倒计时效果
2015/12/19 PHP
php测试kafka项目示例
2020/02/06 PHP
js刷新框架子页面的七种方法代码
2008/11/20 Javascript
JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
2010/06/29 Javascript
jquery中使用ajax获取远程页面信息
2011/11/13 Javascript
js函数返回多个返回值的示例代码
2013/11/05 Javascript
js调试工具Console命令详解
2014/10/21 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
2015/03/26 Javascript
JavaScript判断undefined类型的正确方法
2015/06/30 Javascript
如何用javascript计算文本框还能输入多少个字符
2015/07/29 Javascript
jQuery Mobile 和 Kendo UI 的比较
2016/05/05 Javascript
jQuery+ajax+asp.net获取Json值的方法
2016/06/08 Javascript
关于js原型的面试题讲解
2016/09/25 Javascript
javascript防篡改对象实例详解
2017/04/10 Javascript
Angular中管道操作符(|)的使用方法
2017/12/15 Javascript
bing Map 在vue项目中的使用详解
2018/04/09 Javascript
细说webpack6 Babel的使用详解
2019/09/26 Javascript
Vue实现数据请求拦截
2019/10/23 Javascript
[00:33]DOTA2上海特级锦标赛 CDEC战队宣传片
2016/03/04 DOTA
Python常见异常分类与处理方法
2017/06/04 Python
python多进程实现文件下载传输功能
2018/07/28 Python
如何基于Python实现数字类型转换
2020/02/07 Python
Django之choices选项和富文本编辑器的使用详解
2020/04/01 Python
Python使用requests模块爬取百度翻译
2020/08/25 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
localstorage和sessionstorage使用记录(推荐)
2017/05/23 HTML / CSS
浅谈Html5多线程开发之WebWorkers
2018/05/02 HTML / CSS
英国山地公路自行车商店:Tweeks Cycles
2018/03/16 全球购物
俄罗斯外国汽车和国产汽车配件网上商店:Движком
2020/04/19 全球购物
秘书岗位职责
2013/11/18 职场文书
送餐员岗位职责范本
2014/02/21 职场文书
私营公司诉讼代理委托书范本
2014/09/13 职场文书
物流专业专科生职业生涯规划书
2014/09/14 职场文书
普通党员整改措施
2014/10/24 职场文书
《坐井观天》教学反思
2016/02/18 职场文书
Java实现学生管理系统(IO版)
2022/02/24 Java/Android