找回密码
 立即注册

QQ登录

只需一步，快速开始

免费咨询热线：13559213891
无限星辰工作室-客户无限互联网动力之源»技术分享 › App/小程序资源区 › 混合开发框架交流 › 一个简单的的Html上拉菜单样式

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

crx349 于 2022-8-1 13:43 [其他] 发表在 [复制链接] [显示全部楼层] [打印] [上一主题] [下一主题]
用习惯了下拉菜单，最近想用上拉菜单，结果百度了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>
复制代码



本教程由无限星辰工作室CRX349独家整理和提供，转载请注明地址，谢谢。本文地址：https://www.xmspace.net/thread-910-1-1.html
无限星辰工作室  好集导航 Discuz全集下载  星辰站长网  集热爱361  一品文学  手机小游戏合集   海外空间网 星辰api  星辰支付二维码管理平台 LOT智能硬件聚合平台 阿里云服务器 腾讯云服务器
服务Discuz!建站|DiscuzQ配置|二开|小程序|APP|搬家|挂马清理|防护|Win/Linux环境搭建|优化|运维|
服务理念:专业 诚信 友好QQ842062626 服务项目 Q群315524225
发表于 2022-8-1 13:43:03 | 显示全部楼层 |阅读模式

回复 | 使用道具 举报

该帖共收到 0 条回复！
B Color Image Link Quote Code Smilies
高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

推荐板块

查看全部板块>>

美图秀

    • nvidia-smi限制显卡功耗
    • PVE解决开机后网卡灯灭
    • Cordova开发环境配置（Android）
    • PVE下WIN10虚拟机C盘扩容流程
    • gitee的SSH认证配置流程

热门活动

热门推荐

拖动客服框
Online Service
点击这里给我发消息
点击这里联系我们
微信扫一扫
在线客服

免费咨询热线

13559213891
友情链接 / LINKS
无限星辰技术博客集热爱361厦门生活网厦门社区星辰站长网厦门商店街有趣游戏星熠文化集导航Crx349博客
关于我们 联系我们广告合作寻求报道投稿须知百度新闻网站地图
地址：福建省厦门市软件园二期　 　　　 　　Email：842062626#qq.com(#改@)
模板制作：Xmspace.Net © 2003-2018 Comsenz Inc. Powered by 无限星辰 ( 闽ICP备10028130号-1 )QQ |Sitemap地图
快速回复 返回顶部 返回列表