推荐:极酷右键菜单


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代码
Aug 13 Javascript
JS辨别访问浏览器判断是android还是ios系统
Aug 19 Javascript
详谈javascript中的cookie
Jun 03 Javascript
实例讲解避免javascript冲突的方法
Jan 03 Javascript
JQuery Ajax WebService传递参数的简单实例
Nov 02 Javascript
基于jquery日历价格、库存等设置插件
Jul 05 jQuery
Angular 作用域scope的具体使用
Dec 11 Javascript
jquery在启动页面时,自动加载数据的实例
Jan 22 jQuery
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
Mar 21 Javascript
VSCode中如何利用d.ts文件进行js智能提示
Apr 13 Javascript
将RGB值转换为灰度值的简单算法
Oct 09 Javascript
Vue基于localStorage存储信息代码实例
Nov 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实现根据浏览器跳转不同语言页面代码
2013/08/02 PHP
PHP开源开发框架ZendFramework使用中常见问题说明及解决方案
2014/06/12 PHP
CodeIgniter框架数据库事务处理的设计缺陷和解决方案
2014/07/25 PHP
wordpress网站转移到本地运行测试的方法
2017/03/15 PHP
PHP上传文件及图片到七牛的方法
2018/07/25 PHP
php curl获取https页面内容,不直接输出返回结果的设置方法
2019/01/15 PHP
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
2007/06/29 Javascript
ExtJS Ext.MessageBox.alert()弹出对话框详解
2010/04/02 Javascript
js函数排序的实例代码
2013/07/01 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
2014/04/03 Javascript
JS实现的自定义网页拖动类
2015/11/06 Javascript
node.js缺少mysql模块运行报错的解决方法
2016/11/13 Javascript
JavaScript实现事件的中断传播和行为阻止方法示例
2017/01/20 Javascript
原生js实现网页顶部自动下拉/收缩广告效果
2017/01/20 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
JS非空验证及邮箱验证的实例
2017/08/11 Javascript
使用electron制作满屏心特效的示例代码
2018/11/27 Javascript
ES6实现图片切换特效代码
2020/01/14 Javascript
jQuery插件simplePagination的使用方法示例
2020/04/28 jQuery
[53:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第三场 6.2
2018/06/03 DOTA
Python类的继承和多态代码详解
2017/12/27 Python
解决Tensorflow安装成功,但在导入时报错的问题
2018/06/13 Python
详解Python安装scrapy的正确姿势
2018/06/26 Python
浅析matlab中imadjust函数
2020/02/27 Python
python绘制高斯曲线
2021/02/19 Python
香港太阳眼镜网上商店:SmartBuyGlasses香港
2016/07/22 全球购物
医院护理人员的自我评价分享
2013/10/04 职场文书
菜篮子工程实施方案
2014/03/08 职场文书
领导干部廉政自律承诺书
2014/05/26 职场文书
初二数学教学反思
2016/02/17 职场文书
高效课堂教学反思
2016/02/24 职场文书
2016年感恩父亲节活动总结
2016/04/01 职场文书
个人职业生涯规划之自我评估篇
2019/09/03 职场文书
P站美图推荐——变身女主角特辑
2022/03/20 日漫
Java 超详细讲解数据结构中的堆的应用
2022/04/02 Java/Android
详细聊一聊mysql的树形结构存储以及查询
2022/04/05 MySQL