首页 / 二维码 / 鼠标移过显示二维码代码

鼠标移过显示二维码代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了鼠标移过显示二维码代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1193字，纯文字阅读大概需要2分钟。

内容图文

$(document).ready(function(){
    var t,t1;
    $(".side ul li.code-wrap").hover(function(){
        var _this = $(this);
        clearTimeout(t1);
        t = setTimeout(function(){
            _this.find(‘.popup‘).show();
        },300)
    },function(){
        var _this = $(this);
        clearTimeout(t);
        t1=setTimeout(function(){
            _this.find(‘.popup‘).hide();
        },100)
    });
});
            <
            li 
            class
            ="code-wrap"
            >
            <
            a 
            href
            ="#"
            ><
            div 
            class
            ="sidebox"
            ><
            img 
            src
            ="../assets/img/icon_code.png"
            >二维码</div></a><div class="popup"><a class="code-link"><img class="code" src="../assets/img/weixin_code.png"></a><span>加真源为微信好友</span><div class="arr"></div></div></li>
                        .popup {
                display: none;
                position: absolute;
                left: -180px;
                bottom: 0;
                text-align: center;
                border-radius: 2px;
                width: 170px;
                height: 200px;
                background: #fff;
                box-shadow: 0 1px 8px rgba(0,0,0,.1);
                font-size: 14px;
                .code-link {
                    display: block;
                    margin: 10px;
                    color: #777;
                    .code {
                        display: block;
                        margin-bottom: 10px;
                    }
                }
                .arr {
                    position: absolute;
                    right: -6px;
                    bottom: 14px;
                    width: 6px;
                    height: 11px;
                    background: url(../img/code_arrow.png) 0 0 no-repeat;
                }
            }

 

原文：http://www.cnblogs.com/anyaran/p/4221723.html

内容总结

以上是互联网集市为您收集整理的鼠标移过显示二维码代码全部内容，希望文章能够帮你解决鼠标移过显示二维码代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1299611.html

来源：【匿名】