鍍金池/ 問答/HTML/ 圖中有個白色的十字,要鼠標點到圖片上才會顯示?一直不知道怎么做出來,求解

圖中有個白色的十字,要鼠標點到圖片上才會顯示?一直不知道怎么做出來,求解

clipboard.png
這里傳不了gif 蛋疼中! 我不會js,就最普通的css 就行了!

回答
編輯回答
醉淸風

將加號和黃色背景寫入一個隱藏的div中,鼠標移上去讓該div顯示出來
例子:

/**html代碼**/
<ul>
    /**給每一個項目下的加號加一個隱藏類**/
    <li>
        <img src="***">
        <p>內(nèi)容</p>
        <div class="hide beijing">加號和黃色背景</div>
    </li>
    <li>
        <img src="***">
        <p>內(nèi)容</p>
        <div class="hide beijing">加號和黃色背景</div>
    </li>
</ul>

/**js代碼**/
$("li").hover(function(){
    $(this).find(".beijing").removeClass("hide")
},function(){
    $(this).find(".beijing").addClass("hide")
})
2017年10月16日 09:15