专注技术教程资源网-活动-软件分享-实用的让网络资源让生活更美好
好看的网站底部弹出特效登录注册js代码

好看的网站底部弹出特效登录注册js代码

小宅 HTML源码 0

好看的网站底部弹出特效登录注册js代码

<html>
<head>
<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" onclick="closeAlert()">
<img src="https://www.gw54.com/jsdaima/images/login.png">
</div>

<div class="login_alert_box">
<div>
每天分享大量免费资源,小高教学网更懂您!
<a href="" ?rel="nofollow" onclick="showWindow('login', this.href)">
马上登录
</a>
<span>或</span>
<a style="color: #FF0000;background-color:#FFCC33;" href="" rel="nofollow">立即注册</a>?
</div>
</div>
</div>
<script>
function closeAlert()
{
document.getElementById("login_alert").style.display="none";
}
</script>
</body>
</html>

标签:

暂无标签

免责声明:

本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail: yiyuwa@vip.qq.com

同类推荐
评论列表
签到