电磁波切换溜溜球吸铁石上下滚动点赞精灵宝可梦GO效果
发布时间:2021-09-14, 11:23:50 分类:HTML | 编辑 off 网址 | 辅助
正文 6297字数 218,603阅读
<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>
Run code
Cut to clipboard
(支付宝)给作者钱财以资鼓励 (微信)→
暂无评论 »