javascript - 關於單選框的問題,小白一枚,希望有人幫忙
PHP中文网
PHP中文网 2017-05-24 11:36:42
0
4
700

公司要做個活動頁,4個按鈕,點選按鈕的時候,就等於選取狀態,更換背景圖片。

點擊下一個的時候,如何讓上一個恢復到原來的狀態。

PHP中文网
PHP中文网

认证高级PHP讲师

全部回覆(4)
巴扎黑

按鈕圖片寫進background-image裡,選取的就加class覆蓋圖片

仅有的幸福

這個編輯工具,我猜可能是dw。 。 。然後這程式碼也是透露著一股小清新的氣息。
首先我跟你講,寫切換不是你這樣寫的,這種寫法只有少部分修魔的才會這樣寫,不拘一格。我們修仙的一般都會透過修改class來達到目的。
簡單點的寫法:

<p class="item">
    <img src="unchoose.png" class="unchoImg" >
    <img src="choose.png" class="choImg">
</p>

<style>
.choImg{
    display : none;
}

.choose .unchoImg{
    display : none;
}

.choose .choImg{
    display : block;
}
</style>

這時我們透過js操作 “choose” 這個class名就可以達到對應的目的了。

黄舟

首先你這個IMG都沒有ID你這裡寫這個ID幹嘛,要用ID控制的話先把ID加上去吧…………
然後你可以弄兩個按鈕的樣式,一個選中的一個未選中的。然後用js控制點選一個按鈕時將這個按鈕的CSS加入選取的樣式,再清除其他按鈕的選取樣式就可以了。

我想大声告诉你

CSS:

雷雷

javascript:

雷雷
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板