电磁波切换溜溜球吸铁石上下滚动点赞精灵宝可梦GO效果

<style>
*{padding0px;margin0px;border:0px;}
#div_digg {
    bottom:169px;
    margin:0;
    position:fixed;
    right:-9px;
    animation:jumping 5s ease-in-out;
    animation-iteration-count:infinite;
    z-index:1992
}
.buryit {
    display:none
}
.diggit {
    background:url(https://out.img.pan.lizhenqiu.com/FlivqZQu9X5FbOYf1R0VN1xUddmM) no-repeat;
    border-radius:50%;
    box-shadow:inset 0 0 15px 5px #fff;
    cursor:pointer;
    height:100px;
    margin:0;
    padding:0;
    width:100px;
    text-align:center
}
.diggit:before {
    content:"这里是点赞";
    position:absolute;
    top:-40px;
    left:-12px;
    font-size:26px;
    color:#5bf
}
#div_digg .diggnum {
    color:#eee;
    font-family:Verdana;
    font-size:35px;
    line-height:2em!important
}
#digg_tips {
    color:#fa5!important;
    width:200px;
    text-align:center;
    margin-left:-50px;
    margin-top:-170px
}
a.digg_gray {
    font-size:18px
}
#xiaociguai {
    position:fixed;
    bottom:0;
    right:0;
    cursor:pointer;
    z-index:1993
}
#xiaociguai>img {
    width:155px
}
#xiaociguai:after {
    content:"";
    width:2px;
    height:2px;
    background-color:#666;
    position:absolute;
    left:69px;
    top:43px;
    animation:eyemove 10s ease-in-out;
    animation-iteration-count:infinite
}
#xiaociguai.enable-electric, #xiaociguai:hover {
    -webkit-filter:saturate(7);
    filter:saturate(7)
}
#HistoryToday {
    text-align:center;
    margin-top:48px;
    border-top:1px solid #eee;
    color:#ccc
}
#HistoryToday b {
    margin:16px 0;
    display:inline-block
}
#HistoryToday br {
    margin-top:16px
}
#reader_catalog {
    position:fixed;
    z-index:1991;
    right:0;
    top:50%;
    padding:10px 20px;
    background-color:#fff;
    border:1px solid #5bf;
    border-radius:4px;
    width:230px;
    box-shadow:-5px 5px 10px hsla(0, 0%, 78.4%, .5);
    max-height:430px;
    transform:translateY(-50%)
}
#reader_catalog>h3 {
    font-size:18px;
    color:#ccc;
    margin:12px 0
}
#reader_catalog>ul {
    list-style:none;
    padding:0;
    overflow:auto;
    max-height:380px
}
#reader_catalog>ul>li {
    white-space:nowrap
}
#reader_catalog>ul>li>a {
    overflow:hidden;
    text-overflow:ellipsis;
    width:100%;
    line-height:2em
}
#MySignature {
    display:block;
    color:#00bcd4;
    padding:15px;
    margin:15px;
    border:1px solid #eee;
    border-radius:4px;
    box-shadow:inset 0 0 4px
}
.leader-line {
    z-index:1992
}
.reader-post-info {
    color:#999;
    line-height:20px;
    margin:0 8px;
    font-size:12px
}
.reader-post-info svg {
    vertical-align:top;
    margin-left:5px
}
@media screen and (max-width:1200px) {
    #reader_catalog {
        display:none
    }
}
.entrylistTitle {
    line-height:3;
    color:#333;
    font-size:18px;
    padding-left:8px
}
.entrylistItem {
    font-size:14px;
    color:#333;
    border-top:1px solid #ccc;
    padding:16px 8px 0
}
.entrylistItem>a {
    font-weight:700;
    font-size:16px
}
.c_b_p_desc {
    margin:8px 0
}
.entrylistItemPostDesc {
    margin:8px 0 20px;
    font-size:12px;
    color:#999
}
#sidebar_categories {
    padding:10px 20px;
    background-color:#fff;
    border:1px solid #5bf;
    border-radius:4px;
    width:160px;
    box-shadow:5px 5px 10px hsla(0, 0%, 78.4%, .5)
}
.catListTitle {
    font-size:18px;
    color:#ccc
}
.catList {
    list-style-type:none;
    padding:0
}
.catListItem>a {
    line-height:2;
    font-size:14px
}

@keyframes jumping {
    0% {
        transform:translateY(0)
    }
    50% {
        transform:translateY(-400px)
    }
    to {
        transform:translateY(0)
    }
}
@keyframes eyemove {
    0% {
        transform:translate(0)
    }
    20% {
        transform:translate(0)
    }
    25% {
        transform:translateY(-10px)
    }
    45% {
        transform:translateY(-10px)
    }
    50% {
        transform:translate(0)
    }
    60% {
        transform:translate(0)
    }
    65% {
        transform:translate(-8px)
    }
    85% {
        transform:translate(-8px)
    }
    90% {
        transform:translate(0)
    }
    to {
        transform:translate(0)
    }
}
</style>
<div id="div_digg" style="animation: 5s ease-in-out 0s infinite normal none running jumping;"><!--style="animation: unset;"-->
    <div class="diggit" onclick="alert('点赞')">
        <span class="diggnum" id="digg_count">45</span>
    </div>
    <div class="buryit" onclick="alert('点赞')">
        <span class="burynum" id="bury_count">0</span>
    </div>
    <div class="clear"></div>
    <div class="diggword" id="digg_tips" style="color: red;">请先<a href="javascript:void(0);" onclick="alert('登录')">登录</a></div>
</div>

<!--id="xiaociguai" class="enable-electric"-->
<div id="xiaociguai" ><img title="电磁波切换" alt="电磁波切换" src="https://out.img.pan.lizhenqiu.com/FkREednbLWvmA_ncVQAZ8Lp9XOE6"></div>

<script type="text/javascript" src="https://lizhenqiu.com/templates/default/jquery.min.js"></script>
<script>
	function i() {
		$("#div_digg").css("animation", "unset"), $("#xiaociguai").addClass("enable-electric"), a = !0
	}
	var a = !1;
	$("#xiaociguai").click(function (t) {
		a ? ($("#div_digg").css("animation", "jumping 5s ease-in-out").css(
			"animation-iteration-count", "infinite"), $("#xiaociguai").removeClass(
			"enable-electric"), a = !1) : i()
	})//, $(".diggit").click(i), "" !== $("#digg_tips").text().trim() && i()
</script>