向各位大佬請教：<div class="tab-pane fade in active" id="home">
<img alt="xxxx" id="shouye_image1"
src="assets/imgs/home/gis_u16.png" width=100% height=100%>
</div>
當鼠標懸停在img上面的時候，我想要切換另外一張圖片，鼠標移出的時候又顯示原來的圖片，應(yīng)該怎么實現(xiàn)？望各位大佬不吝賜教。
2 回答
ibeautiful
TA貢獻1993條經(jīng)驗 獲得超6個贊
來一個div容器class="img-box"，position: relative , 然后里面的兩個img 是position: absolute
然后給img-box添加一個偽類:hover , 具體代碼就是 .img-box:hover .b{display:none} .img-box:hover .a{display:block}
這是最簡單的一種思路，不需要寫js 就可以實現(xiàn)無縫切換。
當然 還有JQ 等封裝好的好看的效果和事件，mousedown啊，toggle啊，animate啊等等，里面還能寫一些回調(diào)函數(shù)讓效果更圓潤啊之類。。。不過，css還是最簡單的方法的
- 2 回答
- 0 關(guān)注
- 3182 瀏覽
添加回答
舉報
0/150
提交
取消