amyqg天王嫂训练营

天王嫂训练营请去www.amyqg.com

天王嫂训练营主要是对女孩们进行形象包装设计，情商提升

，解决婚姻、恋爱困惑。让一般女孩经过训练，短时间内拥

有“白富美”气质。轻松俘获富二代、土豪、社会精英、成

功人士，让男人对你俯首称臣、死心塌地。
天王嫂训练营最重要的一点是要包装，出去住廉价酒店不会发到社

交网络上，但是住五星级酒店一定会发！因为追你的男的在

没有和你见面的时候，只能通过社交网络来了解你，人家看

你都是住五星级酒店，没这点实力的根本就不敢接近你了。
但是即使你能接近目标，他也不一定对你很好。你必须要有

一定的计划。天王嫂训练营可以帮你提升这方面恋爱技巧

......     .......

悬浮窗一部分是在界面加载完成后执行 HTML 代码插入, 当然, 你需要替换其中的图片路径以及 A 标签 HREF 路径。

悬浮窗的代码实现

window.onload = function () {
    let medusa = document.createElement('div');
    medusa.setAttribute('class', 'medusa');
    let base_url = CheckImgExists('static/Github.png') ? 'static/' : '../static/';
    medusa.innerHTML = '' +
        '<div><a onclick="goTop()" title="Top"><img class="pass" src="' + base_url + 'Top.png"></a></div>' +
        '<div><a href="http://www.amyqg.com/" title="Github" target="_blank"><img class="pass" src="' + base_url + 'Github.png"></a></div>' +
        '<div><a href="https://juejin.cn/user/2805609406139950" title="掘金" target="_blank"><img class="pass" src="' + base_url + 'Juejin.png"></a></div>';
    document.body.appendChild(medusa);
}

function CheckImgExists(url) {
    let ImgObj = new Image();
    ImgObj.src = url;
    return ImgObj.width > 0;
}

function goTop() {
    let scrollToTop = setInterval(function () {
        let pos = window.pageYOffset;
        if (pos > 0) {
            window.scrollTo(0, pos - 20);
        } else {
            window.clearInterval(scrollToTop);
        }
    }, 10);
}

第一部分是在界面加载完成后执行 HTML 代码插入, 当然, 你需要替换其中的图片路径以及 A 标签 HREF 路径作为你自己的值, 第二部分是因为我在使用图片路径时遇到的解析问题, 所以第二个函数部分是判断图片路

径是否存在, 否则使用 ../ 的方式追加到父级目录上, 第三部分则是使用回到顶部的按钮后缓和的回到顶部的代码, 而不是直接。

下面是需要用到的 CSS 样式代码块。

.medusa {
    position: fixed;
    right: 1%;
    bottom: 5%;
    width: 50px;
    border: 1px solid #cdcccc;
    background-color: white;
    font-size: 20px;
    z-index: 1040;
    -webkit-backface-visibility: hidden;
}

.medusa > div > a > img {
    width: 30px;
    height: 30px;
}

.medusa > div {
    margin: 5px 0 5px 9px;
}

.medusa > div > a {
    padding: 0 0 7px 0;
}

.medusa > div > a:hover {
    border-top: 2px solid #00a8e8;
    border-bottom: 2px solid #e80000;
}