【投票页hover出现的4个小图标也可以hover而不消失 _hover 】

投票页hover出现的4个小图标也可以hover而不消失

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

hover

详细描述

截图

代码

 <ul class="peo-col col-xs-1">
                    <a class="peo-box" href="#" onmouseover="document.all.peobox1.style.visibility=''"
                    onmouseout="document.all.peobox1.style.visibility='hidden'">
                        <li class="peo-pic">水民</li>
                        <li class="peo-num">1号</li>
                    </a>
                    <ul class="peo-act row" id="peobox1" style="visibility: hidden;">
                        <li class="peo-knife col-xs-3"></li>
                        <li class="peo-glass col-xs-3"></li>
                        <li class="peo-aim col-xs-3"></li>
                        <li class="peo-medicine col-xs-3"></li>
                    </ul>
                </ul>

.content .vote-peo .peo-row .peo-col .peo-act {
    padding-top: 2.8vw;
    margin-left: 0.2vw;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
.content .vote-peo .peo-row .peo-col .peo-act .peo-knife,.peo-glass,.peo-aim,.peo-medicine {
    background-color: #ffffff;
    background-image: url(img/icon.png);
    background-repeat: no-repeat;
    background-size: 39vw 125vw;
    height: 4.68vw;
    width: 4.68vw;
    margin-left: 0.7vw;
}

编辑于2024-05-02

时间排序

热门排序

[成都|荣耀师兄]JS-李文龙
0

hover悬浮事件是鼠标悬停的时候显示，鼠标移开的时候不显示，如果想要达到你要的效果需要使用js点击事件，点击的时候显示，再点击隐藏

查看全部>

编辑于2018-12-17

去第页