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

标题: 一个简单的的Html上拉菜单样式 [打印本页]

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

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

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

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







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