Question

Javascript newb here。当点击按钮并激活时，我正在尝试创建一个更改其图像的菜单。

这是html

  <div id="expand_footer">                      
           <div class="footer_btn" id="ftr_btn1"> 
            <img class="shopbtns" src="outerwear_icon.png" width="66" height="87" style="padding-top:4px;" /> 
           </div>
           <div class="footer_btn" id="ftr_btn2">
            <img class="shopbtns" src="top_icon.png" width="66" height="88" style="padding-top:4px;" />
           </div>
            <div class="footer_btn" id="ftr_btn3"> 
                <img class="shopbtns" src="bottom_icon.png" width="89" height="91" style="padding-top:1px;" />
            </div>
            <div class="footer_btn" id="ftr_btn4">
                <img class="shopbtns" src="boots_icon.png" width="66" height="80" style="padding-top:10px;" /> 
           </div>
 </div>

和css

.footer_btn {
    float:left;
    text-align:center;
    width:25%; /* percentage of stage to occupy */
    margin-top:0px; /*adjust spacing between text and image */
    padding:0!important;
    cursor:pointer;
    z-index: 405!important;
}

我从AS3切换到JS，如果问题看起来很愚蠢，请道歉。完成此操作的最佳方法是使用CSS还是Javascript可以处理此问题。我没有使用Jquery。（避免库加载）我正在使用GSAP所以也许有一种方法可以使用或者？在此先感谢您的任何帮助。

Answer 1

您可以使用background-image和selector吗？

label

由图像组成的按钮的Javascript活动状态

1 个答案: