js实现兼容性好的微软官网导航下拉菜单效果_javascript技巧

来源：动视网责编：小采时间：2020-11-27 21:43:27

js实现兼容性好的微软官网导航下拉菜单效果_javascript技巧

js实现兼容性好的微软官网导航下拉菜单效果_javascript技巧:本文实例讲述了js实现兼容性好的微软官网导航下拉菜单效果。分享给大家供大家参考。具体如下：这是一款微软官网导航菜单，兼容好的下拉菜单，微软官网导航效果，在IE6下没有动画效果，顺便也把IE6的效果给加上，兼容IE6。现在微软的官方网站正在使用，我觉得

推荐度：

点击下载本文 文档为doc格式

导读js实现兼容性好的微软官网导航下拉菜单效果_javascript技巧:本文实例讲述了js实现兼容性好的微软官网导航下拉菜单效果。分享给大家供大家参考。具体如下：这是一款微软官网导航菜单，兼容好的下拉菜单，微软官网导航效果，在IE6下没有动画效果，顺便也把IE6的效果给加上，兼容IE6。现在微软的官方网站正在使用，我觉得

本文实例讲述了js实现兼容性好的微软官网导航下拉菜单效果。分享给大家供大家参考。具体如下：

这是一款微软官网导航菜单，兼容好的下拉菜单，微软官网导航效果，在IE6下没有动画效果，顺便也把IE6的效果给加上，兼容IE6。现在微软的官方网站正在使用，我觉得非常不错。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-microsoft-web-nav-menu-codes/

具体代码如下：





微软官网导航菜单


function Class(oParent, sClass){
 var aElem = oParent.getElementsByTagName('*');
 var aClass = [];
 var i = 0;
 for(i=0;i 0 ? Math.ceil(obj.iSpeed) : Math.floor(obj.iSpeed);
 json[propName] == iCur || (iStop = false, css(obj, propName, iCur + obj.iSpeed));
 break;
 case 'elasticity':
 obj.iSpeed += (json[propName] - iCur) / 3;
 obj.iSpeed *= 0.75;
 Math.abs(json[propName] - iCur) <= 1 && Math.abs(obj.iSpeed) <= 1 ? css(obj, propName, json[propName]) : css(obj, propName, json[propName]) || (iStop = false, css(obj, propName, iCur + obj.iSpeed));
 break;
 case 'accelerate':
 obj.iSpeed = obj.iSpeed + 3;
 iCur >= json[propName] ? css(obj, propName, json[propName]) : css(obj, propName, json[propName]) || (iStop = false, css(obj, propName, iCur + obj.iSpeed));
 break;
 }
 }
 if(iStop){
 clearInterval(obj.timer);
 obj.timer = null;
 obj.iSpeed = 0;
 fnEnd.callback(); 
 }
 },30);
};

希望本文所述对大家的JavaScript程序设计有所帮助。

js实现兼容性好的微软官网导航下拉菜单效果_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：网站实现微软

热门焦点

js实现兼容性好的微软官网导航下拉菜单效果_javascript技巧

js实现兼容性好的微软官网导航下拉菜单效果_javascript技巧

js实现兼容性好的微软官网导航下拉菜单效果_javascript技巧

最新推荐

猜你喜欢

热门推荐