当前信息若含有黄赌毒等违法违规不良内容，请点此举报！
郑重承诺丨优选源码库客服TG:yxymknet【充值开通会员请加客服】
侵权投诉：如侵权·投诉·请联系邮箱@yxymknet下架处理
看到心仪的源码不想花钱可以找客服互换
¥ 0赞助币 此资源为终身赞助VIP专享资源 开通VIP尊享优惠特权
免责声明：本资源并未取得原始权利人的授权，不可商用，仅可用于学习分析底层代码，CSS等，禁止用于商业行为。如因擅自商用引起的相关纠纷及法律责任，由使用人全部承担。支持正版，人人有责，请于下载后24小时内删除，谢谢支持！
如果蓝奏云下载失效把wws.lanzous.com/xxxx改成wws.lanzoux.com/xxxx【s改成x或i】或【wws改成wwt】注意事项： 本资源来源于网络购买或收集整理，仅供个人学习研究交流，请勿商用；
一段代码实现PC移动端底部浮悬代码
开始看到这段代码是装修网站上，然后自己写了个，1.6S进场动画
PC需要居中显示，大家拿去用吧！
PC端演示:
WAP端演示:
代码如下:
<style type=”text/css”>
* {margin:0px; padiing:0px;}
.login_alert{position:fixed;bottom:0px;left:0px;width:100%;z-index:9999;}
.login_alert_close{position:absolute;top:-10px;right:0px;z-index:1;cursor:pointer;}
.login_alert_box{width:100%;text-align:center; background-color:rgba(61, 61, 61, 0.6); height:60px;}
.login_alert_box div{cursor:default; font-family:’微软雅黑’; color:#66CCFF; font-size:26px; font-weight:bold; line-height:80px;}
.login_alert_box div a{text-decoration:none;display:inline-block;padding:5px 20px; font-size:20px; color:#000; background-color:#00CC99; border-radius:4px; line-height:26px;}
.login_alert_box div span{font-size:18px;}
.login_alert{animation:show_alert_left 1.6s;-webkit-animation:show_alert_left 1.6s;-moz-animation:show_alert_left 1.6s;}
.login_alert_box{background-color:rgba(0,0,0,0.6);height:60px;}
.login_alert_box:hover{background-color:rgba(0,0,0,0.8);}
.login_alert_box div{color:#66CCFF;font-size:26px;line-height:60px;}
.login_alert_box div a{font-size:20px;line-height:200px;border-radius:4px;}
@keyframes show_alert_left{
from{left:-100%;}
to{left:0px;}
}
@-webkit-keyframes show_alert_left{
from{left:-100%;}
to{left:0px;}
}
@-moz-keyframes show_alert_left{
from{left:-100%;}
to{left:0px;}
}
</style>
<div class=”login_alert” id=”login_alert”>
<div class=”login_alert_close” onclick=”closeAlert()”>
</div>
<center><script type=”text/javascript” charset=”UTF-8″ src=”https://apimall.dataoke.com/api/component/code-info/v1?comId=3149&type=2&v=1604687945″ exte-id=”3149″ data-size=”800×80″ data-color=”#FF681D” data-show=”1″ data-txt=”网购前搜索全网隐藏优惠券更省钱！”></script></center>
<script type=”text/javascript” charset=”UTF-8″ src=”https://apimall.dataoke.com/api/component/code-info/v1?comId=3154&type=2&v=1604684235″ exte-id=”3154″ data-size=”100%*100px” data-index=”5000″ data-color=”#FF7119″ data-show=”1″></script>
