推荐:极酷右键菜单


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 相关文章推荐
有趣的javascript数组定义方法
Sep 10 Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
Dec 31 Javascript
Javascript 拖拽的一些高级的应用(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
JS日期加减,日期运算代码
Nov 05 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
Mar 22 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
Aug 05 Javascript
javascript实现简单的可随机变色网页计算器示例
Dec 30 Javascript
详解angularjs popup-table 弹出框表格指令
Sep 20 Javascript
JS实现的简单表单验证功能完整实例
Oct 14 Javascript
Vue中的作用域CSS和CSS模块的区别
Oct 09 Javascript
个人小程序接入支付解决方案
May 23 Javascript
基于iview-admin实现动态路由的示例代码
Oct 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获取网页标题的3种实现方法代码实例
2014/04/11 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
PHP 中魔术常量的实例详解
2017/10/26 PHP
Maps Javascript
2007/01/22 Javascript
JS 获取span标签中的值的代码 支持ie与firefox
2009/08/24 Javascript
JavaScript中获取未知对象属性的代码
2011/04/27 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
2013/01/03 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
2013/05/19 Javascript
jQuery插件实现静态HTML验证码校验
2015/11/06 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
2015/12/25 Javascript
javascript html5 canvas实现可拖动省份的中国地图
2016/03/11 Javascript
JavaScript学习笔记之ES6数组方法
2016/03/25 Javascript
js实现select二级联动下拉菜单
2020/04/17 Javascript
如何利用Promises编写更优雅的JavaScript代码
2016/05/17 Javascript
js+html5实现canvas绘制网页时钟的方法
2016/05/21 Javascript
jQuery搜索框效果实现代码(百度关键词联想)
2021/02/25 Javascript
angularjs中ng-attr的用法详解
2016/12/31 Javascript
利用JavaScript实现栈的数据结构示例代码
2017/08/02 Javascript
浅谈Angular4中常用管道
2017/09/27 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
2018/09/17 Javascript
Puppeteer 爬取动态生成的网页实战
2018/11/14 Javascript
js中call()和apply()改变指针问题的讲解
2019/01/17 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
2019/04/28 Javascript
layer.open弹层查看缩略图的原图,自适应大小的实例
2019/09/05 Javascript
JavaScript如何把两个数组对象合并过程解析
2019/10/10 Javascript
谈谈JavaScript令人迷惑的==与+
2020/08/31 Javascript
Python reduce()函数的用法小结
2017/11/15 Python
Django中create和save方法的不同
2019/08/13 Python
关于pytorch中网络loss传播和参数更新的理解
2019/08/20 Python
Pycharm 设置默认解释器路径和编码格式的操作
2021/02/05 Python
Linux管理员面试经常问道的相关命令
2014/12/12 面试题
求职简历中个人的自我评价
2013/12/25 职场文书
违反交通法规检讨书
2014/09/10 职场文书
护士个人总结范文
2015/02/13 职场文书
2016年秋季开学典礼新闻稿
2015/11/25 职场文书
深入讲解数据库中Decimal类型的使用以及实现方法
2022/02/15 MySQL