云商城底部联系客服导航代码

来自版块：实用教程

1903

云商城底部联系客服导航代码

效果图：

使用教程：

将代码放在后台设置底部排版处即可。

代码如下：

[JavaScript] 纯文本查看 复制代码

<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> </head> <body style="height:1000px;"> <div class="login_alert" id="login_alert" > <div class="login_alert_close"> <a href="/"></a></div> <div class="login_alert_box"> <div> <a style="color: #000000;background-color:#ADFF2F;" <a href="http://personal.atwlb.cn/"rel="nofollow">傲天博客网</a> <span></span> <a style="color: #000000;background-color:#ADFF2F;" <a href="http://wpa.qq.com/msgrd?v=3&uin=10029946&site=qq&menu=yes"rel="nofollow">联系客服</a> <span></span> </div> </div>

贡献值排行榜：

【免责声明】：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至 bbs@boxue.ltd 举报，一经查实，本站将立刻删除。