JS实现具备延时功能的滑动门菜单效果【javascript】

web前端|js教程 JS实现具备延时功能的滑动门菜单效果【javascript】

JS,延时功能,滑动门菜单

web前端-js教程

本文实例讲述了JS实现具备延时功能的滑动门菜单效果。分享给大家供大家参考。具体如下：

人工智能助手源码,ubuntu恢复模式可写,tomcat网页是干嘛的?,爬虫速度qps,php比java安全吗,mip seolzw

这是一款鼠标感应时间延迟的滑动门菜单，其实也就是一滑动门，只不过鼠标在移上后不是立即反应，而是稍微迟缓了一下，这样用也是有好处的，这个时间根据你的喜好是可以调整的，本滑动门你可轻易修改外观，把它变成一个内容扩展的菜单。

焊接设备器材网站源码,vscode注册到右键菜单,ubuntu卸载curl,tomcat自启卸载,爬虫爬词语,php 表单提交文件,江门抖音seo招商信息,怎么修改网站的源代码,网络编程模板lzw

运行效果截图如下：

免费视频上传网站源码,ubuntu鼠标怎么用,tomcat绝对地址,灯与爬虫,php打断点,网络营销seo优化方案设计lzw

在线演示地址如下：

http://demo.jb51.net/js/2015/js-delay-style-show-menu-codes/

具体代码如下：

鼠标感应延迟的选项卡菜单.CMS{font-size:12px;width:200px;line-height:30px;}.CMS ul,li{list-style:none;margin:0px;padding:0px;}.CMS .TabTop{clear:both;height:30px;}.CMS .TabTop ul{color:#FFF;height:30px;}.CMS .TabTop li{display:inline;width:50px;height:30px;float:left;text-align:center;cursor:pointer;}.CMS .Con_id{clear:both;background:#FF9900;height:70px;text-align:center;}.CMS .ul_id1 {background:#000000;}.CMS .ul_id1 .Li_id0{color:#FFFF00;}.CMS .ul_id2 {background:#FF6600;}.CMS .ul_id2 .Li_id1{color:#FFFF00;}.CMS .ul_id3 {background:#3366FF;}.CMS .ul_id3 .Li_id2{color:#FFFF00;}.CMSbox{}//获取可操作的IDfunction GetObj(objID){ if(document.getElementById){  return eval('document.getElementById("' + objID + '")'); } else{  if(document.layers){   return eval("document.layers['" + objID + "']");  }  else{   return eval('document.all.' + objID);  } }}var Me;function TagTab(arr){ this.curTab=arr[0]; this.arr = arr; for(var i=0;i           上海    北京    广州     
  上海的内容
 
           上海    北京    广州     
  北京的内容
 
           上海    北京    广州     
  广州的内容
 

           广东    江苏    山东     
  广东的内容
 
           广东    江苏    山东     
  江苏的内容
 
           广东    江苏    山东     
  山东的内容

延时功能滑动门菜单