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>
就是点击效果实现不了,没测试
就是点击效果实现不了,没测试