HTML div鼠標懸停控制子控件顯示與隱藏
阿新 • • 發佈：2018-01-06
spa ansi lock 控件顯示 pan har color 鼠標 spl
HTML div鼠標懸停控制子控件顯示與隱藏
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title></title> 6 <meta charset="utf-8" /> 7 <style type="text/css"> 8 #divF{ 9 width:300px;10 height:300px; 11 background-color:coral; 12 } 13 #divF:hover #divC { 14 display:block; 15 } 16 #divC { 17 width: 300px; 18 height: 100px; 19 background-color: cadetblue; 20 display: none;21 transition:all.5s; 22 } 23 </style> 24 </head> 25 <body> 26 27 <div id="divF"> 28 <div id="divC"> 29 30 </div> 31 </div> 32 </body> 33 </html>
HTML div鼠標懸停控制子控件顯示與隱藏