JS实现的仿东京商城菜单、仿胜利右键菜单及仿淘宝拉环特效合集

本文实例讲述了射流研究…实现的仿东京商城菜单、仿胜利右键菜单及仿淘宝拉环特效。分享给大家供大家参考。具体如下：

这是一个非常好的实用菜单整合特效，有多级下拉菜单、仿东京商城的拉出式菜单、仿Windows操作系统操作系统的右键菜单，仿淘宝的标签标签菜单，每一个都是精彩，代码中附有丰富的注释，便于你的学习和修改。

运行效果截图如下：

在线演示地址如下：

http://演示。JB 51。net/js/2015/js-f-JD-淘宝-win-rbutton-tab-demo/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=GB 2312 '/TItle JAVAScript多级联动浮动菜单/title脚本类型=' text/JavaScript ' var $ $=function(id){ return ' string '==id的类型？文件。getelementbyid(id): id；};var isie 8=导航器。用户代理。indexof(' MSIE 8.0 ')！=-1;var isChrome=导航器。用户代理。的索引(' Chrome ')！=-1;var Issa fari=航海家。用户代理。indexof(' applebwebkit ')！=-1;函数addEvent(元素，类型，处理程序){ if(元素。addeventlistener){元素。addeventlistener(类型，处理程序，假)；} else { if(！汉德勒$$guid)处理程序$ $ guid=addEvent.guidif(！元素。事件)元素。事件={ }；var handlers=元素。事件[类型]；if(！handlers){ handlers=element。事件[类型]={ }；如果(元素[' on ' type]){ 0处理程序[0]=元素[' on '类型]；} }处理程序[处理程序.$$guid]=处理程序；元素[“on”类型]=HandleEvent；}};addevent。guid=1；函数removeEvent(元素、类型、处理程序){ if(元素。removeeventlistener){元素。removeeventlistener(类型、处理程序，假)；} else { if(元素。事件元素。events[type]){ delete元素。事件[类型][处理程序].$ $ guid]；} }};函数handleEvent(event){ var返回值=true事件=固定事件(事件);var处理程序=这个。事件[事件。type]；用于(处理程序中的这个.$ $ HandleEvent=handlers[I]；如果（这个$ $ handleEvent(event)=false){返回值=false；} }返回return value }；函数fixEvent(事件){ if(事件)返回事件；事件=((这个。ownerdocument | |这个。文档| |这个)