为什么把class里的online换成列表元素中id里的callme,图标就变了??

来源:4-3 [DOM事件] QQ面板状态切换效果

无敌小哥儿

2016-11-18 00:55

为什么把class里的online换成id里的callme,图标就变了??

              <div class="login-state-txt" id="login2qq_state_txt">在线</div>

       <ul id="loginStatePanel" class="statePanel login-state" style="display: none">

        <li id="online" class="statePanel_li">

            <div class="stateSelect_icon online"></div>

            <div class="stateSelect_text">我在线上</div>

        </li>

        <li id="callme" class="statePanel_li">

            <div class="stateSelect_icon callme"></div>

            <div class="stateSelect_text">Q我吧</div>

        </li>


写回答 关注

1回答

  • 请叫我枫哥哥丶
    2016-11-18 15:27:22

    stateSelect_icon online在html中只是一段代码,而在css中对应类的样式里应该设置了一张图片,可以看作每个classname都绑定了一张对应的图片,所以,改变classname就导致图片改变。

    请叫我枫哥哥...

    本质是classname导致css样式的变化,而不是单纯的classname变化引起的

    2016-11-18 15:28:24

    共 1 条回复 >

DOM事件探秘

DOM事件?本课程会通过实例来给小伙伴们讲解如何使用这些事件

99532 学习 · 1298 问题

查看课程

相似问题