网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
网页特效
>
导航菜单
> >
[json]js 滑动带缓冲的二级菜单导航菜单
[json]js 滑动带缓冲的二级菜单导航菜单
发布时间:2017-12-13
【www.gdgbn.com--导航菜单】
提示:您可以先修改部分代码再运行
<script language="javascript"> var DDSPEED = 10; var DDTIMER = 15; // main function to handle the mouse events // function ddMenu(id,d) { var h = document.getElementById(id + "-ddheader"); var c = document.getElementById(id + "-ddcontent"); clearInterval(c.timer); if(d == 1) { clearTimeout(h.timer); if(c.maxh && c.maxh <= c.offsetHeight) { return; } else if(!c.maxh) { c.style.top = "-" + c.offsetHeight + "px"; c.style.display = "block"; c.style.height = "auto"; c.maxh = c.offsetHeight; c.style.height = "0px"; } c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER); } else { h.timer = setTimeout(function(){ddCollapse(c)},50); } } // collapse the menu // function ddCollapse(c){ c.timer = setInterval(function(){ddSlide(c,-1)},DDTIMER); } // cancel the collapse if a user rolls over the dropdown cent // function cancelHide(id){ var h = document.getElementById(id + "-ddheader"); var c = document.getElementById(id + "-ddcontent"); clearTimeout(h.timer); clearInterval(c.timer); if(c.offsetHeight < c.maxh){ c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER); } } // incrementally expand/contract the dropdown and change the opacity // function ddSlide(c,d){ var currh = c.offsetHeight; var dist; if(d == 1){ dist = (Math.round((c.maxh - currh) / DDSPEED)); }else{ dist = (Math.round(currh / DDSPEED)); } if(dist <= 1 && d == 1){ dist = 1; } c.style.top = parseInt(c.style.top.replace("px","")) - parseInt(dist * d) + "px"; c.style.height = currh + (dist * d) + "px"; if(getOs()=="Firefox") { c.style.opacity = currh / c.maxh; c.style.filter = "alpha(opacity=" + (currh * 100 / c.maxh) + ")"; } if((currh < 2 && d != 1) || (currh > (c.maxh - 2) && d == 1)){ clearInterval(c.timer); } } function getOs() { var OsObject = ""; if(navigator.userAgent.indexOf("MSIE")>0) { return "MSIE"; } if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ return "Firefox"; } if(isSafari=navigator.userAgent.indexOf("Safari")>0) { return "Safari"; } if(isCamino=navigator.userAgent.indexOf("Camino")>0){ return "Camino"; } if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){ return "Gecko"; } } </script>
导航菜单
栏目菜单
导航菜单
栏目菜单 栏目菜单
导航菜单
栏目菜单 栏目菜单 栏目菜单
导航菜单
栏目菜单 栏目菜单 栏目菜单 栏目菜单
导航菜单
栏目菜单 栏目菜单 栏目菜单 栏目菜单 栏目菜单
导航菜单
栏目菜单 栏目菜单 栏目菜单 栏目菜单 栏目菜单
导航菜单
栏目菜单 栏目菜单 栏目菜单 栏目菜单
导航菜单
栏目菜单 栏目菜单 栏目菜单
导航菜单
栏目菜单 栏目菜单
导航菜单
栏目菜单
中国WEB第一站
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/wangyetexiao/20573/
上一篇:
js竖向二级导航菜单_js竖向二级导航菜单效果
下一篇:
【站长素材音效网】仿中国站长素材频道滑动二级导航菜单
相关推荐
【phpstudy】php 获取用户IP与IE信息程序
【asp.net】asp 程序提示中午好,上午好程序
广东电信网上营业厅|广东电信:故障是外力强加导致
ps制作相框的步骤图解|ps制作照片相框教程
[javascript学习指南]javascript检测用户名与密码是否正确
【asp.net】asp html标签转换html编码
phpstudy_php 网站在线安装源码
[怎么用ps把照片调亮度]怎么用ps把照片调亮色非主流教程
asp.net|asp 简单ubb代码转换程序
asp登录保存数据到cookies_asp登录保存数据到cookie
网友关注
合成照片的手机软件|怎么样合成照片
【json】js tips 代码
【asp文件用什么打开】asp文件系统对象filesystemObject 实例
怎样利用ps制作动图|利用ps扣图功能给衣服上图案
ps如何制作海报|如何用ps制作唇彩
[json]js 日期 星期 节日 生肖提示程序
非主流ps怎么调|非主流ps怎么加长睫毛
[javascript学习指南]javascript checkbox全选代码
免费全能个人空间|免费全能个人网页空间/php/asp
【免费代理网页】免费网页空间免费2g/asp/php/mssql/mysql/ftp/无广告
热门标签
json格式化
json在线格式化
js格式化
js刷新当前页面
jsp
js保留两位小数
最新导航菜单
导航菜单
【javascript学习指南】JavaScript脚本制作二级导航菜单
导航菜单
[json]js 支付宝圆角下拉导航菜单效果
导航菜单
[ps增加照片大小]利用ps给照片增加下雪效果
导航菜单
js二级导航菜单|js二级导航菜单效果
导航菜单
js横向导航菜单_js横向导航菜单
导航菜单
[json]js 二级导航菜单代码
导航菜单
淡入淡出效果|淡入淡出导航菜单
导航菜单
【js下拉导航菜单】js下拉导航菜单代码
导航菜单
【ajax二级联动菜单】ajax二级联动菜单
导航菜单
[韩式唯美婚纱照片]ps打造唯美婚纱照片效果青绿色效果
导航菜单热门文章
导航菜单
【站长素材音效网】仿中国站长素材频道滑动二级导航菜单
导航菜单
超酷网页视频播放器 下载_超酷仿FLASH导航菜单效果
导航菜单
仿尺寸|仿chinaz暗蓝色导航菜单
导航菜单
导航菜单横向左右滑动_导航菜单-图片美化的亮蓝色导航菜单
导航菜单
js左边的距离_js左边伸缩导航菜单代码
导航菜单
[js滑动事件]js向滑动导航菜单源码
导航菜单
js左边的距离|js左边伸拉导航菜单
导航菜单
[js中英文切换]js中英语切换的导航菜单
导航菜单
二级级联下拉列表_二级级联下拉导航菜单
导航菜单
[导航菜单横向左右滑动]导航菜单仿sina,163淡蓝色选项卡菜单
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有