效果图：
代码如下：
<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:26px;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>
<body style="height:1000px;">
<div class="login_alert" id="login_alert">
<div class="login_alert_close" onclick="closeAlert()">
</div>
<div class="login_alert_box">
<div>
<a href="地址">
下载APP
</a>
<span>或</span>
<a style="color: #FF0000;background-color:#FFCC33;" href="/user/reg.php">自助建站</a>
</div>
</div>
</div>
1、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ进行删除处理。
2、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
3、本站禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。
4、本站资源大多存储在云盘，如发现链接失效，请联系我们将会第一时间更新。
站长邮箱：abcdefghijklm1211@qq.com
还没有评论，来说两句吧...