umgsai
umgsai

CSS+JS实现兼容性很好的无限级下拉菜单

  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">  
    2. 
   
   
   
   
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <title>CSS+JS实现兼容性很好的无限级下拉菜单</title> 
    5. 
   
   
   
   
  5. <style type="text/css"> 
    6. 
   
   
   
   
  6. *{ margin:0; padding:0; border:0;} 
    7. 
   
   
   
   
  7. body{font:12px/130% verdana,geneva,arial,helvetica,sans-serif,宋体;}li{list-style:none;} 
    8. 
   
   
   
   
  8. .clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;} 
    9. 
   
   
   
   
  9. a:link{ color:#000; text-decoration:none; } 
    10. 
   
   
   
   
  10. a:visited{ color:#000; text-decoration:none; } 
    11. 
   
   
   
   
  11. a:hover{ color:#000; text-decoration:none; } 
    12. 
   
   
   
   
  12. .menu{ width:778px; height:26px; background:#fff; margin:0 auto;} 
    13. 
   
   
   
   
  13. .menusel{ float:left;width:100px; position:relative; height:25px; background:#ddd; line-height: 25px; margin-left: 1px; *margin-left: 0px;_margin-left: -1px;} 
    14. 
   
   
   
   
  14. .menusel h2{ font-size:12px; } 
    15. 
   
   
   
   
  15. .menusel a{ display: block;text-align:center; width:100px;border:1px solid #a4a4a4; height:25px; border-bottom:1px solid #a4a4a4; position:relative; z-index:2;} 
    16. 
   
   
   
   
  16. .menusel a:hover{ border:1px solid #a4a4a4; border-bottom:1px dashed #eeeeee; position:relative; z-index:2; height:25px;} 
    17. 
   
   
   
   
  17. .ahover a{border-bottom:1px dashed #eeeeee; background:#eeeeee; } 
    18. 
   
   
   
   
  18. .position{ position:absolute; z-index:1;} 
    19. 
   
   
   
   
  19. .menusel ul{width:125px; background:#eee; border:1px solid #a4a4a4; margin-top: -1px; position:relative; z-index:1; display:none;} 
    20. 
   
   
   
   
  20. .menusel .block{ display:block;} 
    21. 
   
   
   
   
  21. .typeul li{border-bottom:1px dashed #a4a4a4;width:125px; position:relative; float:left; } 
    22. 
   
   
   
   
  22. .typeul li a{ border:none;width:125px; } 
    23. 
   
   
   
   
  23. .typeul li a:hover{ border:none; background:#ddd;} 
    24. 
   
   
   
   
  24. .typeul{  margin-left:0;  } 
    25. 
   
   
   
   
  25. .typeul ul{left:125px; top:0; position:absolute;} 
    26. 
   
   
   
   
  26. .fli{ margin-left: -1px; border-left:#eeeeee solid 1px;} 
    27. 
   
   
   
   
  27. .menusel .lli{ border:none; } 
    28. 
   
   
   
   
  28. </style> 
    29. 
   
   
   
   
  29. <script type="text/javascript">document.execCommand("BackgroundImageCache", false, true);</script><!-- IE6背景图片闪烁问题  --> 
    30. 
   
   
   
   
  30. </head> 
    31. 
   
   
   
   
  31. <body> 
    32. 
   
   
   
   
  32. <div class="menu"> 
    33. 
   
   
   
   
  33.  <div id="menu1" class="menusel"> 
    34. 
   
   
   
   
  34.   <h2><a href="/">菜单1</a></h2> 
    35. 
   
   
   
   
  35.    <div class="position"> 
    36. 
   
   
   
   
  36.     <ul class="clearfix typeul"> 
    37. 
   
   
   
   
  37.      <li><a href="http://www.33567.cn">菜单选项1-2</a></li> 
    38. 
   
   
   
   
  38.      <li> 
    39. 
   
   
   
   
  39.       <a href="#">菜单选项1-2</a> 
    40. 
   
   
   
   
  40.       <ul> 
    41. 
   
   
   
   
  41.        <li class="fli"><a href="#">菜单选项1-2-1</a></li> 
    42. 
   
   
   
   
  42.        <li class="lli"><a href="#">菜单选项1-2-2</a></li> 
    43. 
   
   
   
   
  43.       </ul> 
    44. 
   
   
   
   
  44.      </li> 
    45. 
   
   
   
   
  45.      <li><a href="http://www.7caidy.com">菜单选项1-2</a></li> 
    46. 
   
   
   
   
  46.      <li class="lli"><a href="#">菜单选项1-2</a></li> 
    47. 
   
   
   
   
  47.     </ul> 
    48. 
   
   
   
   
  48.    </div><!-- position --> 
    49. 
   
   
   
   
  49.   </div><!-- menusel --> 
    50. 
   
   
   
   
  50.   <div id="menu2" class="menusel"> 
    51. 
   
   
   
   
  51.   <h2><a href="#">菜单2</a></h2> 
    52. 
   
   
   
   
  52.   <div class="position"> 
    53. 
   
   
   
   
  53.   <ul class="clearfix typeul"> 
    54. 
   
   
   
   
  54.   <li><a href="#">菜单选项2-2</a></li> 
    55. 
   
   
   
   
  55.   <li><a href="#">菜单选项2-2</a> 
    56. 
   
   
   
   
  56.   <ul> 
    57. 
   
   
   
   
  57.   <li class="fli"><a href="#">菜单选项2-2-1</a></li> 
    58. 
   
   
   
   
  58.   <li class="lli"><a href="#">菜单选项2-2-2</a> 
    59. 
   
   
   
   
  59.   <ul> 
    60. 
   
   
   
   
  60.   <li class="fli"><a href="#">菜单选项2-2-1</a></li> 
    61. 
   
   
   
   
  61.   <li class="lli"><a href="#">菜单选项2-2-2</a> 
    62. 
   
   
   
   
  62.   </li> 
    63. 
   
   
   
   
  63.   </ul> 
    64. 
   
   
   
   
  64.   </li> 
    65. 
   
   
   
   
  65.   </ul> 
    66. 
   
   
   
   
  66.   </li> 
    67. 
   
   
   
   
  67.   <li><a href="#">菜单选项2-2</a></li> 
    68. 
   
   
   
   
  68.   <li class="lli"><a href="#">菜单选项2-2</a></li> 
    69. 
   
   
   
   
  69.   </ul> 
    70. 
   
   
   
   
  70.   </div><!-- position --> 
    71. 
   
   
   
   
  71.   </div><!-- menusel --> 
    72. 
   
   
   
   
  72.   <div id="menu3" class="menusel"> 
    73. 
   
   
   
   
  73.   <h2><a href="#">菜单3</a></h2> 
    74. 
   
   
   
   
  74.   <div class="position"> 
    75. 
   
   
   
   
  75.   <ul class="clearfix typeul"> 
    76. 
   
   
   
   
  76.   <li><a href="#">菜单选项3-2</a></li> 
    77. 
   
   
   
   
  77.   <li><a href="#">菜单选项3-2</a> 
    78. 
   
   
   
   
  78.   <ul> 
    79. 
   
   
   
   
  79.   <li class="fli"><a href="#">菜单选项3-2-1</a></li> 
    80. 
   
   
   
   
  80.   <li class="lli"><a href="#">菜单选项3-2-2</a> 
    81. 
   
   
   
   
  81.   <ul> 
    82. 
   
   
   
   
  82.   <li class="fli"><a href="#">菜单选项3-2-1</a></li> 
    83. 
   
   
   
   
  83.   <li class="lli"><a href="#">菜单选项3-2-2</a> 
    84. 
   
   
   
   
  84.   <ul> 
    85. 
   
   
   
   
  85.   <li class="fli"><a href="#">菜单选项3-2-1</a></li> 
    86. 
   
   
   
   
  86.   <li class="lli"><a href="#">菜单选项3-2-2</a></li> 
    87. 
   
   
   
   
  87.   </ul> 
    88. 
   
   
   
   
  88.   </li> 
    89. 
   
   
   
   
  89.   </ul> 
    90. 
   
   
   
   
  90.   </li> 
    91. 
   
   
   
   
  91.   </ul> 
    92. 
   
   
   
   
  92.   </li> 
    93. 
   
   
   
   
  93.   <li><a href="#">菜单选项3-2</a></li> 
    94. 
   
   
   
   
  94.   <li class="lli"><a href="#">菜单选项3-2</a></li> 
    95. 
   
   
   
   
  95.   </ul> 
    96. 
   
   
   
   
  96.   </div><!-- position --> 
    97. 
   
   
   
   
  97.  </div><!-- menusel --> 
    98. 
   
   
   
   
  98. </div><!-- menu --> 
    99. 
   
   
   
   
  99.  <script type="text/javascript"> 
    100. 
   
   
   
   
  100.  for(var x = 1; x < 4; x++) 
    101. 
   
   
   
   
  101.  { 
    102. 
   
   
   
   
  102.  var menuid = document.getElementById("menu"+x); 
    103. 
   
   
   
   
  103.  menuid.num = x; 
    104. 
   
   
   
   
  104.  type(); 
    105. 
   
   
   
   
  105.  } 
    106. 
   
   
   
   
  106.  function type() 
    107. 
   
   
   
   
  107.  { 
    108. 
   
   
   
   
  108.  var menuh2 = menuid.getElementsByTagName("h2"); 
    109. 
   
   
   
   
  109.  var menuul = menuid.getElementsByTagName("ul"); 
    110. 
   
   
   
   
  110.  var menuli = menuul[0].getElementsByTagName("li"); 
    111. 
   
   
   
   
  111.  menuh2[0].onmouseover = show; 
    112. 
   
   
   
   
  112.  menuh2[0].onmouseout = unshow; 
    113. 
   
   
   
   
  113.  menuul[0].onmouseover = show; 
    114. 
   
   
   
   
  114.  menuul[0].onmouseout = unshow; 
    115. 
   
   
   
   
  115.  function show() 
    116. 
   
   
   
   
  116.  { 
    117. 
   
   
   
   
  117.  menuul[0].className = "clearfix typeul block" 
    118. 
   
   
   
   
  118.  } 
    119. 
   
   
   
   
  119.  function unshow() 
    120. 
   
   
   
   
  120.  { 
    121. 
   
   
   
   
  121.  menuul[0].className = "typeul" 
    122. 
   
   
   
   
  122.  } 
    123. 
   
   
   
   
  123.  for(var i = 0; i < menuli.length; i++) 
    124. 
   
   
   
   
  124.   { 
    125. 
   
   
   
   
  125.   menuli[i].num = i; 
    126. 
   
   
   
   
  126.   var liul = menuli[i].getElementsByTagName("ul")[0]; 
    127. 
   
   
   
   
  127.    if(liul) 
    128. 
   
   
   
   
  128.    { 
    129. 
   
   
   
   
  129.    typeshow() 
    130. 
   
   
   
   
  130.    } 
    131. 
   
   
   
   
  131.   } 
    132. 
   
   
   
   
  132.  function typeshow() 
    133. 
   
   
   
   
  133.  { 
    134. 
   
   
   
   
  134.  menuli[i].onmouseover = showul; 
    135. 
   
   
   
   
  135.  menuli[i].onmouseout = unshowul; 
    136. 
   
   
   
   
  136.  } 
    137. 
   
   
   
   
  137.  function showul() 
    138. 
   
   
   
   
  138.  { 
    139. 
   
   
   
   
  139.  menuli[this.num].getElementsByTagName("ul")[0].className = "block"; 
    140. 
   
   
   
   
  140.  } 
    141. 
   
   
   
   
  141.  function unshowul() 
    142. 
   
   
   
   
  142.  { 
    143. 
   
   
   
   
  143.  menuli[this.num].getElementsByTagName("ul")[0].className = ""; 
    144. 
   
   
   
   
  144.  } 
    145. 
   
   
   
   
  145.  } 
    146. 
   
   
   
   
  146.  </script> 
    147. 
   
   
   
   
  147. </body> 
    148. 
   
   
   
   
  148. </html> 
    149. 
   
   
   
   
  149.  
    150.

 

你可能感兴趣的:(职场,兼容性,菜单,休闲)

  • 移动端城市区县二级联动选择功能实现包 good2know
    本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
  • ARM 和 AMD 架构的区别 m0_69576880 arm开发windows架构
    ARM架构和AMD架构是两种不同的计算机处理器架构，它们有以下几个主要区别：设计出发点、兼容性、性能特点、市场定价。设计出发点：①ARM构架：ARM架构最初是为嵌入式系统设计的，旨在提供低功耗和高效能的解决方案。它主要应用于移动设备、嵌入式系统和物联网设备②AMD架构：AMD架构是基于x86架构的扩展，旨在提供与Intel架构兼容的处理器。它主要用于台式机、服务器和工作站等计算机系统。兼容性：AR
  • 恩小希美食成长日记之118：“摘星女神”王亚平归来，她的婚姻，治愈了多少职场女性的痛 恩小希
    上周最为热闹的消息,无疑是神舟13号的三位航天英雄回来了.其中,最为瞩目的就是王亚平.她是我国首位进行太空行走的女航天员,也是为自己小女儿“摘星星的妈妈”。作为最受关注的职场妈妈，王亚平之所以能够成就这样一番事业，跟背后默默支持她的丈夫--赵鹏分不开。01王亚平1980年出生于山东烟台。父母都是地地道道的农民。王亚平这个姑娘从小体质好，一直练习长跑。高中时，空军来家乡招收女飞行员，作为体育班里唯一
  • Charles 配置 https Monkey_猿 httpCharles配置https
    Charles一.Iphone(MAC版;win可参照使用):首先，对Charles进行配置：菜单：Proxy->ProxySettings...->勾选EnabletransparentHTTPproxyingProxy->ProxySettings然后找到电脑的局域网IP地址：这里自己去找吧接着，打开你的iPhone：设置->Wifi->连接上和电脑同一路由器的Wifi，点击右边的i进入配置配
  • 38岁，男，月薪3500：受害者思维，正在透支你的人生 阿聊不见了
    大家好，我是阿聊。前段时间回老家的时候，碰到一个以前的邻居。这位邻居，曾经一度是妈妈口中的“别人家的孩子”。在大学生还没泛滥的时候，考上了大学，毕业后听从家里安排，回到小县城，进了一家事业单位。谁知，工作后，他的人生仿佛突然就开始走起了下坡路。工作多年，岗位就没挪动过，近二十年的职场生涯，甚至只被提拔了一次，如今38岁了，月薪3500，且涨薪无望。婚姻也不顺利，30岁左右成婚，婚后不到3年，妻子跟
  • 如何在 Ubuntu 24.04 或 22.04 Linux 上安装和使用 NoMachine 山岚的运维笔记 Linux运维及使用linuxubuntu运维nomachine远程连接
    NoMachine是一款适用于Linux（Ubuntu）及其他支持的操作系统的远程桌面应用程序，允许用户通过本地或远程系统从世界任何地方控制计算机。它可以在低带宽连接下工作，被专业人士和家庭用户广泛使用。NoMachine的主要功能高性能远程访问跨平台兼容性易于使用，因为用户界面友好提供强大的加密协议，如SSH、SSL及其他安全标准支持远程文件传输和打印服务允许从远程计算机进行音频和视频流媒体传输
  • 微信公众号写作：如何通过文字变现？ 氧惠爱高省
    微信公众号已成为许多人分享知识、表达观点的重要平台。随着自媒体的发展，越来越多的人开始关注微信公众号上写文章如何挣钱的问题。本文将详细探讨微信公众号写作的盈利模式，帮助广大写作者实现文字变现的梦想。公众号流量主就找善士导师（shanshi2024）公众号：「善士笔记」主理人，《我的亲身经历，四个月公众号流量主从0到日入过万！》公司旗下管理800+公众号矩阵账号。代表案例如：爸妈领域、职场道道、国学
  • 月薪10000的人过着怎样的生活？ 觉得不是很ok
    月薪10000对于初入职场的人来说是个不错的数字但现实中，月薪过万的职场人到底过着什么样的生活呢？我们不妨来算一笔账！下来是申请原创要求的三百字，头条哥p图到凌晨两点我容易吗容易吗容易吗容易吗容易吗容易吗易吗容易吗不容易接下来是申请原创要求的三百字，头条哥p图到凌晨两点我容易吗容易吗容易吗容易吗容易吗容易吗容易吗容易吗不容易接下来是申请原创要求的三百字，头条哥p图到凌晨两点我容易吗容易吗容易吗容易
  • 冬游颐和园简易攻略 和佛陀去赏花
    持续记录431天（2019.2.8）阅读打卡第212天：《穷查理宝典》1394-1461。朗诵记录第213天：今天是朗诵的第32周第5天，日常绕口令练习《喇嘛和哑巴》，《论语•述而第七》（二）七点四十醒来，老妈做些早餐，饭毕，我们祖孙三人九点出门，今天计划颐和园。颐和园在最初建造的时候就是为了祝寿所用，作为皇家园林，在规划上颐和园共分为三个区域：生活区（佛香阁），行政区（仁寿堂），游玩休闲区（昆明
  • 王心傲：如何用一句话，让对方自乱阵脚，自取灭亡 王心傲
    我曾经无数次讲过，我们想要真刀真枪的和一个人战斗，那结果无非是两败俱伤，而且输赢犹未可知。图片发自App就好比在职场里，有人说你坏话；就好比生活里，有人跟你争夺女友等等，你若是因为他们恶意中伤你，也明显的对着干，那么很可能吃苦头，而且难以解决问题。其实，对于这种情况，最好的做法是：影响。影响到他们自乱阵脚，自取灭亡。这个呢也是我今天要给你讲的，通过打乱对方的【潜意识习惯】，从而打乱对方的节奏，让对
  • 小牛想要进大厂，距离拿百万高薪，进入AI行业你还缺哪些？ TsingtaoAI 人工智能
    本文由小文聊AI原创，有需要的可转发分享对于很多打工人来说，想要拿百万年薪仿佛是天方夜谭，但其实了解AI行业的从业者都知道，有了核心求职能力，以及对职场的认知，再加上对AI技术资源的掌握，进入到一些互联网大厂后，拿到百万年薪不是梦。但对于很多小牛来说，如何能够进入大厂，什么样的人才才能够进入大厂，脑袋里都是空白。那么，究竟什么样的人才具有小牛的潜质呢？来看贪心科技涨薪100%计划-AI职业自由，包
  • 复盘：视听说3、4单元，精读4单元 任贤芳
    Part11，从本单元中我学到的最重要的理念（精读和视听说分别总结）视听说3：休闲时间去做自己想做的事情，度过一个让自己开心而又快乐的时光，比如健美操、烧烤、野餐、瑜伽、更刺激的还有蹦极、攀岩、卡丁车……虽然疫情封闭，但我们仍旧可以在校园中寻找快乐，比如去拍照，一起野餐，玩游戏，封闭的校园封不住我们的快乐与激情，封不住我们的青春快乐。视听说4：聚光灯下生活一般是指名人或者明星以及对社会有较大影响的
  • 2025 最强 Agent 智能体 学习笔记 (71) 一刀7段 学习笔记人工智能
    Agent智能体的系统学习与职业发展核心内容概览本集是《2025最强Agent智能体全套教程》的第72集，聚焦Agent智能体领域的系统学习方法与职业发展路径，系统梳理了从入门到专家的能力体系、关键学习资源、职业方向选择及行业发展机遇。内容结合技术趋势与职场需求，为不同背景的学习者（学生、开发者、转行人士）提供清晰的成长蓝图，帮助其在Agent智能体领域高效成长，实现职业目标。系统学习的能力体系与
  • 《婚后，诱她上瘾》时也霍铭川（完结篇）全文免费阅读【笔趣阁】 海边书楼
    《婚后，诱她上瘾》时也霍铭川（完结篇）全文免费阅读【笔趣阁】主角：时也霍铭川简介：职场小透明，年会上喝醉，敲开了总裁的房门。“霍总，听说能睡到你的女人，上辈子是拯救了银河系？关注微信公众号【海边书楼】去回个书号【10】，即可阅读【婚后，诱她上瘾】小说全文！第1章我把上司给睡了，就在年会结束的那天晚上。醒来后，看着上司裸露的八块腹肌，我吞了吞口水：“我……要失业了吗？”上司冷漠的眼神看过来：“结婚，
  • Android CameraX 使用指南：简化相机开发 安卓开发者 AndroidJetpack数码相机android
    前言在Android开发中，相机功能一直是比较复杂的部分，需要处理不同设备的兼容性、生命周期管理以及复杂的API调用。Google推出的CameraX库极大地简化了这一过程，让开发者能够更轻松地实现高质量的相机功能。本文将带你全面了解CameraX的使用方法。什么是CameraX？CameraX是Jetpack系列中的一个库，它基于Camera2API构建，但提供了更高层次的抽象，具有以下优点：简
  • ubnutu网络
    ubnutu网络‍在Ubuntu系统中连接外网（外部网络）的方法主要取决于你的网络环境（有线/无线）和网络类型（DHCP自动分配或静态IP），以下是常见的连接方式：一、通过图形界面连接（适合桌面版）1.有线网络（以太网）直接用网线连接电脑和路由器/交换机，系统通常会自动检测并通过DHCP获取IP地址，无需额外配置。若未自动连接：点击屏幕右上角的网络图标（类似Wi-Fi或网线图标）。在弹出的菜单中，
  • 11. HTML 中 DOCTYPE 的作用 yqcoder 前端面试-CSShtml前端
    总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容（在任何HTML标签之前），以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式：DOCTYPE声明的主要作用是让浏览器以标准模式（StandardsMode）来解析和渲染页面，而不是以兼容模式（QuirksMode）。兼容性：在没有DOCT
  • 2023-04-28《举杯畅饮的姐姐们》定档0428，三个女人一台戏，铁三角乘风破浪 娱娱鱼
    都市情感治愈短剧《举杯畅饮的姐姐们》定档0428。曾用名《开怀畅饮的姐姐们》。据说改编自韩剧《酒鬼都市的女人们》。金莎饰演的瞿洋，刘芸饰演的郭欣婷，双女主设定很带感。她们曾经在综艺《乘风破浪的姐姐2》中有过合作，这次的二度合作令人期待。加上姜嫄饰演的吴沛沛，组成铁三角闺蜜团。都说三个女人一台戏，更何况剧中有将近十个女人。该剧以中女时代为背景，以酒元素为契机，关注当代女性在职场和生活中的境遇，将她们
  • 年底了，为什么还有很多人选择裸辞？他们心里怎么想的？ 无顾有长风
    距离今年春节过年仅有二十来天，各大公司都在忙着做年底的结算，该总结的总结，该开年会的开年会，有一些其他的想法都会等着明年开春再说，毕竟在春节来临之际，其他的事情都要让路。每年的三四月份号称“金三银四”，职场上跳槽和招聘都很频繁，届时换工作有更好的选择和更多的机会。一般情况下，很少人会选择裸辞，特别是在年底之前裸辞，除非有特殊的原因。最近看到很多人在网上发帖说自己刚刚裸辞，到底是啥原因让他们逆常规而
  • 职场圆梦手册—1月份总结回顾篇 陆游学苑
    在2020年1月1日给自己制定了自己年度个人规划，从圆方规划图的八个维度：个人成长、自我实现、职业发展、财务、朋友及重要他人，家庭、健康、休闲娱乐来做的，见自己的文章《2020年度个人规划—培训陆游》。本来是打算以月度来进行回顾的，不过这个春节因为众所周知的原因，没有进行回顾，正好借着今天这个时间，来对自己1月份的完成情况进行一个回顾，后期还是要坚持进行月度和周度的回顾，不断看自己是否偏离了自己的
  • 华为S5735交换机console密码重置和恢复出厂设置 Shaoxi Zhang 网络技术华为网络
    比较简单，简单说就是进入bootload清除密码，然后进入defaultmode下重置密码。1.开机按Ctrl+B，进入启动加载菜单（BootLoadmenu）拨电源重启交换机，大约开机10多秒的时候会出现提示按Ctrl+B可以进入BootLoadmenu.Lastresettype:PowerOnPressCtrl+BtoenterBootLoadmenu:12.清除console密码Passw
  • 吃饭时的小细节，正在“暴露”你的教养 小熊叙情
    德漠克利特：有教养的人的遗产，比那些无知的人的财富更有价值。来自读者的留言：我有一个暗恋了很久的男神，从见到他的第一眼时，就非常喜欢他，之前找了各种机会接近他。一个月前，我请他帮了个忙，以感谢为由请他吃了顿饭。他选了一家很贵的餐厅，因为说好要请客，又不想显得自己太小气，也不好说什么。在点菜的时候，他一口气点了五六个菜，再把菜单递给我。两个人吃五六个菜已经有点多，我也就没再点了。餐厅上菜慢了，点他就
  • 工作能力强的人有哪些共同特征？ 郭强GQ
    知乎上这个问题有1231个回答，关注者127,576，被浏览14,248,085。我摘录了其中一些回答，并与“卓有成效de管理实践”的十个方面对照。请看下文。回答1：（小猫倩倩-产品经理）许多人在职场中，想成为工作强人，却发现努力了没有效果，依旧在平庸中徘徊。这可能是没有做到用“创意工作”替代“日常工作”。表1列出了创意工作的特点对应的卓有成效de管理实践要做的事情，很明显，做好创意性的工作，要践
  • DNF 与 YUM 的区别详解：从 CentOS 7 到 CentOS 9 的演进
    DNF与YUM的区别详解：从CentOS7到CentOS9的演进标签：CentOS、YUM、DNF、Linux包管理、系统升级、兼容性适用版本：CentOS7、CentOS8、CentOS9一、背景介绍CentOS中使用的包管理工具是RedHat系列系统的重要组成部分。随着系统版本升级，包管理器从yum（CentOS7）逐渐过渡到dnf（CentOS8及之后版本）。二、YUM与DNF对比表对比项Y
  • 百思可瑞教育告诉您职场情绪管理不及格？3步学会非暴力沟通 北京百思可瑞教育 北京百思可瑞教育北京百思可瑞教育咨询有限公司百思可瑞教育职场和发展百思可瑞教育北京百思可瑞教育心理咨询师
    引言：当情绪成为职场隐形成本在竞争激烈的职场中，情绪管理能力已成为衡量职业成熟度的重要标尺。某权威机构发布的《2025职场情绪管理白皮书》显示，85.7%的职场人曾因情绪失控做出非理性行为，其中30%导致项目延期或人际破裂。这些数据背后，藏着被忽视的真相：情绪不是敌人，而是未被解码的需求信号。本文将结合非暴力沟通（NVC）创始人马歇尔·卢森堡的经典理论，拆解职场情绪管理的三步法则，助你实现从"情绪
  • 职场检讨术：算计别人就是伤害自己 weixin_34000916
    这种行为所带来的后果，轻则被同事所唾弃，重则失去饭碗，甚至身败名裂。如果你经常抱着把事业上的竞争对手当成“仇人”、“冤家”的想法，想尽一切办法去搞垮对方时，你就有必要检讨了。当你身陷困境时，你会检讨自己吗？作为职场的防身之术，我们不妨学学，以备后用。检讨术之一：你喜欢算计别人吗？任何人都对别人的背后算计非常痛恨，算计别人也是职场中最危险的行为之一。这种行为所带来的后果，轻则被同事所唾弃，重则失去饭
  • 公众号流量主收益如何计算?流量主收益高吗? 氧惠_飞智666999
    微信公众号作为重要的内容创作与分发平台，吸引了大量的创作者与商家。公众号流量主作为微信平台为优秀创作者提供的一种变现方式，备受关注。那么，公众号流量主的收入究竟如何呢？本文将对此进行深入探讨。公众号流量主就找善士导师（shanshi2024）公众号：「善士笔记」主理人，《我的亲身经历，四个月公众号流量主从0到日入过万！》公司旗下管理800+公众号矩阵账号。代表案例如：爸妈领域、职场道道、国学中庸、
  • 2024国内游戏平台排行榜 目前最热门的国内游戏平台推荐 会飞滴鱼儿
    免费在线游戏网站为我们的日常休闲娱乐提供了丰富多样的游戏体验。有些游戏平台相当优质，同时还提供实时动态、活动福利等。现在让我们一起探寻哪些免费在线游戏网站值得你投入时间和精力，沉浸在游戏的世界中，畅玩各种好玩的游戏。2024最火的免费游戏网站排行榜大全───┅┈━━━━━━━━┅┈─────────────Top1──────────游戏名字：游戏豹官网-特点-：手机游戏门户网站日活跃量：1.3w
  • 你的人生，由你选择 杨舒羽
    你的人生，是活在他人的期待中，还是掌握在自己的手中。你会为了安全感，为了被接纳，而勉强自己吗？如果是，请，记得你才是人生的主角，请勇敢拿回你的选择权。一、职场中，主动选择，是对自己负责小A是医务工作者，近期准备去美国读博士后，可她近期陷入了困境，感觉被生活绑架，找不到出口。小A严谨、细致且学术研究能力强，科室主任安排她参与专业研究，但这个研究方向却不是她所喜欢的，也不在自己的长远规划内；自己的研究
  • 被迫失业三个月后，他居然月入5万？？ Kimi888
    本文适合对内容运营感兴趣，并且想通过内容运营赚钱，实现职业选择自由的职场人、大学生等阅读；内容运营的形式多种多样，但是基本的底层逻辑却是相通的。本文主要拆解如何做内容，以及怎么凭借内容赚钱。2020年疫情突然袭来，很多人被迫失业，没了收入。但也有人在这短短几个月里从被迫失业，凭借内容实现了收入翻番。很多人也很困惑，为什么感觉各大平台上的文章、视频也就justsoso，但是自己就是办不到呢？笔者想说
  • HttpClient 4.3与4.3版本以下版本比较 spjich javahttpclient
    网上利用java发送http请求的代码很多，一搜一大把，有的利用的是java.net.*下的HttpURLConnection，有的用httpclient，而且发送的代码也分门别类。今天我们主要来说的是利用httpclient发送请求。 httpclient又可分为 httpclient3.x httpclient4.x到httpclient4.3以下 httpclient4.3
  • Essential Studio Enterprise Edition 2015 v1新功能体验 Axiba .net
    概述：Essential Studio已全线升级至2015 v1版本了！新版本为JavaScript和ASP.NET MVC添加了新的文件资源管理器控件，还有其他一些控件功能升级，精彩不容错过，让我们一起来看看吧！ syncfusion公司是世界领先的Windows开发组件提供商，该公司正式对外发布Essential Studio Enterprise Edition 2015 v1版本。新版本
  • [宇宙与天文]微波背景辐射值与地球温度 comsci 背景
            宇宙这个庞大,无边无际的空间是否存在某种确定的,变化的温度呢?      如果宇宙微波背景辐射值是表示宇宙空间温度的参数之一,那么测量这些数值,并观测周围的恒星能量输出值,我们是否获得地球的长期气候变化的情况呢?   &nbs
  • lvs-server 男人50 server
    #!/bin/bash # # LVS script for VS/DR # #./etc/rc.d/init.d/functions # VIP=10.10.6.252 RIP1=10.10.6.101 RIP2=10.10.6.13 PORT=80 case $1 in start)   /sbin/ifconfig eth2:0 $VIP broadca
  • java的WebCollector爬虫框架 oloz 爬虫
    WebCollector主页： https://github.com/CrawlScript/WebCollector 下载：webcollector-版本号-bin.zip将解压后文件夹中的所有jar包添加到工程既可。 接下来看demo package org.spider.myspider; import cn.edu.hfut.dmic.webcollector.cra
  • jQuery append 与 after 的区别 小猪猪08
    1、after函数 定义和用法： after() 方法在被选元素后插入指定的内容。 语法： $(selector).after(content) 实例： <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></scr
  • mysql知识充电 香水浓 mysql
    索引 索引是在存储引擎中实现的，因此每种存储引擎的索引都不一定完全相同，并且每种存储引擎也不一定支持所有索引类型。 根据存储引擎定义每个表的最大索引数和最大索引长度。所有存储引擎支持每个表至少16个索引，总索引长度至少为256字节。 大多数存储引擎有更高的限制。MYSQL中索引的存储类型有两种：BTREE和HASH，具体和表的存储引擎相关； MYISAM和InnoDB存储引擎
  • 我的架构经验系列文章索引 agevs 架构
    下面是一些个人架构上的总结，本来想只在公司内部进行共享的，因此内容写的口语化一点，也没什么图示，所有内容没有查任何资料是脑子里面的东西吐出来的因此可能会不准确不全，希望抛砖引玉，大家互相讨论。 要注意，我这些文章是一个总体的架构经验不针对具体的语言和平台，因此也不一定是适用所有的语言和平台的。 （内容是前几天写的，现附上索引）   前端架构 http://www.
  • Android so lib库远程http下载和动态注册 aijuans andorid
    一、背景      在开发Android应用程序的实现，有时候需要引入第三方so lib库，但第三方so库比较大，例如开源第三方播放组件ffmpeg库, 如果直接打包的apk包里面, 整个应用程序会大很多.经过查阅资料和实验，发现通过远程下载so文件，然后再动态注册so文件时可行的。主要需要解决下载so文件存放位置以及文件读写权限问题。   二、主要
  • linux中svn配置出错 conf/svnserve.conf:12: Option expected 解决方法 baalwolf option
    在客户端访问subversion版本库时出现这个错误： svnserve.conf:12: Option expected 为什么会出现这个错误呢，就是因为subversion读取配置文件svnserve.conf时，无法识别有前置空格的配置文件，如### This file controls the configuration of the svnserve daemon, if you##
  • MongoDB的连接池和连接管理 BigCat2013 mongodb
    在关系型数据库中，我们总是需要关闭使用的数据库连接，不然大量的创建连接会导致资源的浪费甚至于数据库宕机。这篇文章主要想解释一下mongoDB的连接池以及连接管理机制，如果正对此有疑惑的朋友可以看一下。 通常我们习惯于new 一个connection并且通常在finally语句中调用connection的close()方法将其关闭。正巧，mongoDB中当我们new一个Mongo的时候，会发现它也
  • AngularJS使用Socket.IO bijian1013 JavaScriptAngularJSSocket.IO
            目前，web应用普遍被要求是实时web应用，即服务端的数据更新之后，应用能立即更新。以前使用的技术（例如polling）存在一些局限性，而且有时我们需要在客户端打开一个socket，然后进行通信。         Socket.IO(http://socket.io/)是一个非常优秀的库，它可以帮你实
  • [Maven学习笔记四]Maven依赖特性 bit1129 maven
    三个模块 为了说明问题，以用户登陆小web应用为例。通常一个web应用分为三个模块，模型和数据持久化层user-core, 业务逻辑层user-service以及web展现层user-web， user-service依赖于user-core user-web依赖于user-core和user-service   依赖作用范围  Maven的dependency定义
  • 【Akka一】Akka入门 bit1129 akka
    什么是Akka Message-Driven Runtime is the Foundation to Reactive Applications In Akka, your business logic is driven through message-based communication patterns that are independent of physical locatio
  • zabbix_api之perl语言写法 ronin47 zabbix_api之perl
    zabbix_api网上比较多的写法是python或curl。上次我用java－－http://bossr.iteye.com/blog/2195679，这次用perl。for example: #!/usr/bin/perl use 5.010 ; use strict ; use warnings ; use JSON :: RPC :: Client ; use
  • 比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！ brotherlamp linux运维工程师linux运维工程师教程linux运维工程师视频linux运维工程师资料linux运维工程师自学
    比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！   ----------------------------------------------------- 兄弟连Linux运维工程师课堂实录-计算机基础-1-课程体系介绍1 链接：http://pan.baidu.com/s/1i3GQtGL 密码：bl65   兄弟连Lin
  • bitmap求哈密顿距离-给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y( bylijinnan java
    import java.util.Random; /** * 题目： * 给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y(y1,y2,y3,y4,y5)， * 使得他们的哈密顿距离（d=|x1-y1| + |x2-y2| + |x3-y3| + |x4-y4| + |x5-y5|）最大
  • map的三种遍历方法 chicony map
    package com.test; import java.util.Collection; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import java.util.Set; public class TestMap { public static v
  • Linux安装mysql的一些坑 chenchao051 linux
    1、mysql不建议在root用户下运行   2、出现服务启动不了，111错误，注意要用chown来赋予权限， 我在root用户下装的mysql，我就把usr/share/mysql/mysql.server复制到/etc/init.d/mysqld, (同时把my-huge.cnf复制/etc/my.cnf)  chown -R cc /etc/init.d/mysql
  • Sublime Text 3 配置 daizj 配置Sublime Text
    Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项：no_bold不显示粗体字，no_italic不显示斜体字，no_antialias和
  • MySQL server has gone away 问题的解决方法 dcj3sjt126com SQL Server
    MySQL server has gone away 问题解决方法，需要的朋友可以参考下。 应用程序（比如PHP）长时间的执行批量的MYSQL语句。执行一个SQL，但SQL语句过大或者语句中含有BLOB或者longblob字段。比如，图片数据的处理。都容易引起MySQL server has gone away。 今天遇到类似的情景，MySQL只是冷冷的说：MySQL server h
  • javascript/dom:固定居中效果 dcj3sjt126com JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&
  • 使用 Spring 2.5 注释驱动的 IoC 功能 e200702084 springbean配置管理IOCOffice
    使用 Spring 2.5 注释驱动的 IoC 功能 developerWorks 文档选项 将打印机的版面设置成横向打印模式 打印本页 将此页作为电子邮件发送 将此页作为电子邮件发送 级别： 初级 陈 雄华 ([email protected]), 技术总监, 宝宝淘网络科技有限公司 2008 年 2 月 28 日  &nb
  • MongoDB常用操作命令 geeksun mongodb
    1.   基本操作 db.AddUser(username,password)               添加用户 db.auth(usrename,password)      设置数据库连接验证 db.cloneDataBase(fromhost)    
  • php写守护进程（Daemon） hongtoushizi PHP
    转载自： http://blog.csdn.net/tengzhaorong/article/details/9764655   守护进程（Daemon）是运行在后台的一种特殊进程。它独立于控制终端并且周期性地执行某种任务或等待处理某些发生的事件。守护进程是一种很有用的进程。php也可以实现守护进程的功能。   1、基本概念   &nbs
  • spring整合mybatis,关于注入Dao对象出错问题 jonsvien DAOspringbeanmybatisprototype
    今天在公司测试功能时发现一问题： 先进行代码说明： 1，controller配置了Scope="prototype"（表明每一次请求都是原子型）    @resource/@autowired service对象都可以（两种注解都可以）。 2，service 配置了Scope="prototype"（表明每一次请求都是原子型）
  • 对象关系行为模式之标识映射 home198979 PHP架构企业应用对象关系标识映射
    HELLO!架构   一、概念 identity Map:通过在映射中保存每个已经加载的对象，确保每个对象只加载一次，当要访问对象的时候，通过映射来查找它们。其实在数据源架构模式之数据映射器代码中有提及到标识映射，Mapper类的getFromMap方法就是实现标识映射的实现。     二、为什么要使用标识映射？ 在数据源架构模式之数据映射器中 //c
  • Linux下hosts文件详解 pda158 linux
    　1、主机名： 　　无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。 　　公网：IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。 　　局域网：每台机器都有一个主机名，用于主机与主机之间的便于区分，就可以为每台机器设置主机
  • nginx配置文件粗解 spjich javanginx
    #运行用户#user  nobody;#启动进程,通常设置成和cpu的数量相等worker_processes  2;#全局错误日志及PID文件#error_log  logs/error.log;#error_log  logs/error.log  notice;#error_log  logs/error.log  inf
  • 数学函数 w54653520 java
    public  class  S {        // 传入两个整数，进行比较，返回两个数中的最大值的方法。      public  int  get( int  num1, int  nu
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他