84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
公司要做个活动页,4个按钮,点击按钮的时候,就相当于选中状态,更换背景图片。
点击下一个的时候,如何让上一个恢复到原来的状态。
认证高级PHP讲师
按钮图片写进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:
按钮图片写进background-image里,选中的就加class覆盖图片
这个编辑工具,我猜可能是dw。。。然后这代码也是透露着一股小清新的气息。
首先我跟你讲,写切换不是你这样写的,这种写法只有少部分修魔的才会这样写,不拘一格。我们修仙的一般都会通过修改class来达到目的。
简单点的写法:
这时我们通过js操作 “choose” 这个class名就可以达到相应的目的了。
首先你这个IMG都没有ID你这里写这个ID干嘛,要用ID控制的话先把ID加上去吧…………
然后你可以弄两个按钮的样式,一个选中的一个未选中的。然后用js控制点击一个按钮时将这个按钮的CSS添加选中的样式,再清掉其他按钮的选中样式就可以了。
CSS:
雷雷javascript:
雷雷