84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
多张图片 1.鼠标移入图片,出现下拉按钮,mouseover show 2.点击下拉按钮,出现下拉框,click slidedown 3.移开下拉框区域,下拉框收回,mouseout slideup 4.移开图片,下拉按钮消失 mouseout hide
用css如何实现?或者简短的jquery代码?js代码呢?
ringa_lee
<style> .box { width: 100px; height: 100px; position: relative; } .select { width: 100px; height: 20px; position: absolute; top: 0; left: 0; display: none; } .box:hover .select{ display: block; } .select ul { position: absolute; width: 100px; height: 40px; display: none; } .select li { width: 100px; height: 20px; float: left; } .select:hover ul{ display: block; } </style>
就是点击效果实现不了,没测试
就是点击效果实现不了,没测试