无限星辰工作室-客户无限互联网动力之源

标题: 一个简单的的Html上拉菜单样式 [打印本页]
作者: crx349    时间: 2022-8-1 13:43
标题: 一个简单的的Html上拉菜单样式
用习惯了下拉菜单，最近想用上拉菜单，结果百度了3天，全是些不全的或者完全的骗分刷权重的文章。。。。最后在专业技术研讨社区找到了一个可用的，简单修改下，上拉就好了，哪来做友情连接很合适呢。

分享：
  1. <html>
  2. <head>
  3.   <style>
  4.         .dplayer-xmspace-box {
  5.             display: none;
  6.         }

  8.         .dplayer-xmspace:hover .dplayer-xmspace-box {
  9.     display: block;
  10.     position:absolute;
  11.     bottom: 100%;
  12. }
  13.         
  14.         .dplayer-xmspace {
  15.             margin-top: 200px;
  16.                         position: relative;
  17.         }
  18.     </style>
  19. </head>

  21. <body>
  22. <div class="dplayer-xmspace">
  23.     <p>友情连接</p>
  24.     <div class="dplayer-xmspace-box">
  25.         <div class="dplayer-xmspace-item"><a href="http://www.xmspace.net" target="_blank">无限星辰工作室</a></div>
  26.         <div class="dplayer-xmspace-item"><a href="http://crx.xmspace.net" target="_blank">无限星辰技术博客</a></div>
  27.         <div class="dplayer-xmspace-item"><a href="https://hao.ji361.com" target="_blank">集导航</a></div>
  28.     </div>
  29. </div>
复制代码






欢迎光临 无限星辰工作室-客户无限互联网动力之源 (https://www.xmspace.net/) Powered by Discuz! X3.4