狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

鼠標懸浮顯示隱藏的div

freeflydom
2023年10月25日 15:47 本文熱度 559

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

.ap{

width: 75px;

height: 35px;

border: 1px solid  #000000;

text-align: center;

line-height: 35px;

}

.bp{

display: none;

  background-color: #f9f9f9;

  min-width: 70px;/*最小寬度*/

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);/*向div添加陰影*/

  padding: 14px 16px;

  color: #000000;

}

.ap:hover{

background-color: #EEEEEE;

}

.ap:hover .bp{

display: block;

}

.pick{

width: auto;

height: 35px;

}

</style>

</head>

<body>

<div class="ap">

來這里

<div class="bp">

    <div class="pick" >驚喜1</div>

<div class="pick" >驚喜2</div>

<div class="pick" >驚喜3</div>

</div>

</div>

</body>

</html>

上面是實現代碼,可以直接運行。


實現過程:


1、先定義兩個div,將其中一個用"display:none"設為默認隱藏。


注意:隱藏的div要定義在不隱藏的div里面!


2、在CSS中用“hover”實現鼠標懸浮后顯示隱藏的div.


.ap:hover .bp{

                display: block;

}


查看原文


該文章在 2023/10/25 15:47:30 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved