crx349 发表于 2022-8-1 13:43:03

一个简单的的Html上拉菜单样式

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

分享:
<html>
<head>
<style>
      .dplayer-xmspace-box {
            display: none;
      }

      .dplayer-xmspace:hover .dplayer-xmspace-box {
    display: block;
    position:absolute;
    bottom: 100%;
}
      
      .dplayer-xmspace {
            margin-top: 200px;
                        position: relative;
      }
    </style>
</head>

<body>
<div class="dplayer-xmspace">
    <p>友情连接</p>
    <div class="dplayer-xmspace-box">
      <div class="dplayer-xmspace-item"><a href="http://www.xmspace.net" target="_blank">无限星辰工作室</a></div>
      <div class="dplayer-xmspace-item"><a href="http://crx.xmspace.net" target="_blank">无限星辰技术博客</a></div>
      <div class="dplayer-xmspace-item"><a href="https://hao.ji361.com" target="_blank">集导航</a></div>
    </div>
</div>

页: [1]
查看完整版本: 一个简单的的Html上拉菜单样式