推荐:极酷右键菜单


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 相关文章推荐
使用 JScript 创建 .exe 或 .dll 文件的方法
Jul 13 Javascript
jQuery Jcrop插件实现图片选取功能
Nov 23 Javascript
jquery实现导航固定顶部的效果仿蘑菇街
Oct 22 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
Sep 06 Javascript
自动适应iframe右边的高度
Dec 22 Javascript
Vue2.0实现购物车功能
Jun 05 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
Nov 27 Javascript
webpack 插件html-webpack-plugin的具体使用
Apr 09 Javascript
vue 微信授权登录解决方案
Apr 10 Javascript
微信小程序scroll-view实现字幕滚动
Jul 14 Javascript
angular组件间通讯的实现方法示例
May 07 Javascript
深入浅析React中diff算法
May 19 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
在数据量大(超过10万)的情况下
2007/01/15 PHP
PHP伪静态页面函数附使用方法
2008/06/20 PHP
php include,include_once,require,require_once
2008/09/05 PHP
PHP基于文件存储实现缓存的方法
2015/07/20 PHP
PHP实现通过CURL上传文件功能示例
2018/05/30 PHP
laravel框架如何设置公共头和公共尾
2019/10/22 PHP
Nigma vs AM BO3 第一场2.13
2021/03/10 DOTA
JTrackBar水平拖动效果
2007/07/15 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
2013/11/22 Javascript
基于javascript如何传递特殊字符
2015/11/30 Javascript
移动端网页开发调试神器Eruda的介绍与使用技巧
2017/10/30 Javascript
jquery实现楼层滚动效果
2018/01/01 jQuery
详解webpack之scss和postcss-loader的配置
2018/01/09 Javascript
记一次webapck4 配置文件无效的解决历程
2018/09/19 Javascript
Vue中使用matomo进行访问流量统计的实现
2019/11/05 Javascript
[51:11]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS DT
2014/05/22 DOTA
Python创建xml的方法
2015/03/10 Python
Python日志模块logging简介
2015/04/13 Python
在Python中操作字符串之rstrip()方法的使用
2015/05/19 Python
Python数据类型详解(二)列表
2016/05/08 Python
Python备份目录及目录下的全部内容的实现方法
2016/06/12 Python
python交互式图形编程实例(一)
2017/11/17 Python
JSONLINT:python的json数据验证库实例解析
2017/11/28 Python
Python输入二维数组方法
2018/04/13 Python
redis之django-redis的简单缓存使用
2018/06/07 Python
css3+伪元素实现鼠标移入时下划线向两边展开的效果
2017/04/25 HTML / CSS
HTML5 canvas基本绘图之文字渲染
2016/06/27 HTML / CSS
植村秀美国官网:Shu Uemura美国
2019/03/19 全球购物
教育学专业实习生的自我鉴定
2013/11/26 职场文书
群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
秋季运动会开幕词
2015/01/28 职场文书
社区五一劳动节活动总结
2015/02/09 职场文书
2015年度个人思想工作总结
2015/04/08 职场文书
婚礼必备主持词范本!
2019/07/23 职场文书
原生JS实现分页
2022/04/19 Javascript
css3 文字断裂效果
2022/04/22 HTML / CSS