您好,欢迎来到模板无忧!
登录
注册
鏀惰棌
鎼滅储
鍦板浘
甯姪
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI灏忚仛 鑳藉啓浼氱敾
鍩熷悕
鎺ㄨ崘
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
菜单导航特效代码
>
收藏
分享
查看评论
菜单导航
演示
右键弹出菜单_菜单导航特效
0/5
1
2
3
4
5
查看演示效果
特效Tag:
菜单
添加
缁囨ⅵDedeCMS瑙嗛鏁欑▼
涔扮┖闂� 绉熸湇鍔″櫒 閫夌綉纭曚簰鑱旓紒
鏃犲咖绔欓暱宸ュ叿,鐧惧害鏉冮噸涓€閿叏鏌�!
右键弹出菜单,您可以先修改部分代码再运行.
<HTML xmlns:v><HEAD> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <title>模板无忧|---Js+DVML:很酷实用的右键弹出菜单</title> <STYLE> v\:*{behavior:url(#default#VML);} .menulist{position:static;PADDING-TOP:6;LETTER-SPACING:8;HEIGHT:20;TEXT-ALIGN:center;margin-bottom:-2} </STYLE> </head> <BODY oncontextmenu='return false'> <Script> //作者:风云舞 var menutime1=null,showobjs1=null //menutime1=循环计时器调用变量,showobjs1=绑定菜单,定时器过程执行时调用 function document.onmouseup(){if(event.button==2)menushow(menu2,60,10)} function menushow(showobjs,showwid,showsudu){ //右键菜单展开函数 //函数说明:menushow(菜单id,项平均宽度,伸展速度) if(menutime1!=null){clearInterval(menutime1);menutime1=null} showobjs.style.left=event.x;showobjs.style.top=event.y; showobjs1=showobjs.all.tags("roundrect");var showlens=showobjs1.length for(i=0;i<showlens;i++){showobjs1[i].style.width=0;showobjs1[i].style.visibility="hidden"} showobjs.style.display="" menutime1=setInterval("for(i=0;i<"+showlens+";i++){showobjs1[i].style.visibility='';if(showobjs1[i].offsetWidth<"+showwid+"){showobjs1[i].style.width=showobjs1[i].offsetWidth+"+showsudu+";break;}else{if(i=="+(showlens-1)+"){clearInterval(menutime1);menutime1=null}}}",20) } function menuclose(showobjs2,showsudu2){ //右键菜单关闭函数 //函数说明:menushow(菜单id,关闭压缩速度) if(menutime1!=null)return false showobjs1=showobjs2.all.tags("roundrect");var showlens=showobjs1.length-1 menutime1=setInterval("for(i="+showlens+";i>-1;i--){if(showobjs1[i].offsetWidth>0){try{showobjs1[i].style.width=showobjs1[i].offsetWidth-"+showsudu2+";break;}catch(e){showobjs1[i].style.visibility='hidden';if(i==0){clearInterval(menutime1);menutime1=null}}}}",20) } </script> <span id=menu2 style="position:absolute;Z-INDEX:40000;LEFT:395;TOP:210;color:#739EFE;cursor:hand;display:none;font-size:12px;font-family:宋体" onmouseover="if(event.srcElement.tagName=='roundrect'){event.srcElement.strokecolor='blue';event.srcElement.style.color='blue';event.srcElement.style.marginLeft=10}" onmouseout="if(event.srcElement.tagName=='roundrect'){event.srcElement.strokecolor='#739EFE';event.srcElement.style.color='#739EFE';event.srcElement.style.marginLeft=0}"> <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/><a target=_blank href=http://www.mb5u.com>站长站</a></v:roundrect><br> <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>站长站</v:roundrect><br> <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>站长站</v:roundrect><br> <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>站长站</v:roundrect><br> <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>站长站</v:roundrect><br> <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>站长站</v:roundrect><br> <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>站长站.</v:roundrect><br> <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>站长站..</v:roundrect><br> <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE> <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>站长站...</v:roundrect><br> <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE onmouseup="menuclose(menu2,30)"> <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>取消</v:roundrect> </span> </body> </html>
所属频道:
菜单导航特效
/
更新时间:2010-05-23
[收藏]
[报错]
[返回列表]
评论加载中....
相关
菜单导航特效
:
CSS+div+js组合强大实现超酷菜单
超酷仿GOOGLE首页导航菜单效果
仿网易的滑动门技术DIV+CSS实现
仿蓝色理想网站的导航菜单
鼠标触及带边框菜单
用JS实现的类似框架的链接导航模式
CSS立体层
纯css的导航下拉菜单
隐藏菜单效果
css模拟title和alt的提示效果
下拉菜单链接页面打开方式选择
跳动的菜单
菜单导航特效Rss订阅
特效代码搜索
菜单导航特效推荐
移动菜单
Blog里面的简洁CSS菜单
CSS实现多彩的六边形蜂窝菜单
多种文本框输入格式限制的JS代码
类似门户网站的CSS双行导航菜单
基本的全兼容纯CSS下拉菜单
仿蓝色理想网站选项卡式的导航条
清新带圆角的CSS竖向菜单
带缺口指向的横向纯CSS菜单
一个不错的下拉菜单,加上图片后效果极好
猜你也喜欢看这些
用CSS实现图片的双边框效果
在图片上单击获取图片原始大小
CSS给图片边框加阴影
图片渐渐出现脚本
缓慢飘起的JS浮动图片代码
鼠标经过图片由灰色变彩色
图片围成环形滚动,有空间感
相片选择器脚本 任意选择图片
禁止对图片用右键(仅支持IE)
JavaScript判断图片是否能够加载,失败则替换默认图片
相关链接:
复制本页链接
|
搜索右键弹出菜单
特效说明:
菜单导航模板
-
右键弹出菜单
。
鏀惰棌&鍒嗕韩
QQ绌洪棿
鏂版氮寰崥
鑵捐寰崥
浜轰汉缃�
寮€蹇冪綉
鐧惧害鎼滆棌
澶嶅埗缃戝潃
鏇村...