网站底部自适应漂浮代码「网站代码」
投稿 发布:2020-11-08 746
一段代码实现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="800x80" 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>标签:网站代码
版权说明:如有标注说明此文章是本站 小小软件库 原创,转载请注明出处和附带本文链接;
免责声明:
本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务.
相关推荐
- 11-19简约二次元随机背景的自适应外链跳转代码
- 11-08网站底部自适应漂浮代码「网站代码」
- 10-06div+css实现的圆角边框效果
- 10-06CSS+JS控制遮罩效果的TAB及焦点图片切换(荐)
- 10-06教您用CSS的鼠标手势实现任意标签鼠标划过变成小手
- 10-06JavaScript图片放大技术(放大镜)示例代码
- 10-06完全利用CSS实现图片切换特效
- 10-06常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 10-06页面闪电效果
- 10-06JS图片切换特效
取消回复欢迎 你 发表评论:
- 排行榜
- 推荐资讯
-
- 10-13ZFB生活缴费撸能量
- 10-11最新活动公众号领取红包教程都可以可以领取红包
- 10-14新网16元撸cn域名+网站+邮箱
- 10-06掌上wegame 免费抽Q币 非必中 亲测1Q币
- 10-06steam喜+1 游戏开发引擎
- 10-06同程旅行领取8元火车票+休息厅
- 10-06关注中国广州发布公众号 抽随机现金红包
- 10-06LOL欢度中秋 登录游戏领取魄罗图标
- 10-09猫眼领取25减5元电影票券活动
- 10-06免费领7天keep健身运动vip
- 标签列表
- 站点信息
-
- 文章总数:9220
- 页面总数:3
- 分类总数:9
- 标签总数:341
- 评论总数:114
- 浏览总数:285786