cari

Rumah >hujung hadapan web >tutorial js >jquery实现盒子下拉效果示例代码_jquery

jquery实现盒子下拉效果示例代码_jquery

WBOY
WBOYasal
2016-05-16 17:22:49950semak imbas
复制代码 代码如下:




复制代码 代码如下:

<div style="width:600px;height:300px;overflow:hidden;"> <br><div style="background-color:#000;height:100px;"> <br><br>
</div> <br><div style="background-color:#eee;height:300px;"> <br><br>
</div> <br>
</div>


 


当把鼠标移动到盒子上的时候上面就会出现一个黑色的盒子


这是在浏览网页的时候看到的一个效果


在这里写了一下
 






Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery图片轮播的具体实现_jqueryArtikel seterusnya：导航跟随滚动条置顶移动示例代码_javascript技巧
Artikel berkaitan
Lihat lagi