<!DOCTYPE HTML>
<html>
<head>
<script src="jquery/jquery-2.1.1.js"></script>
<script src="jquery/jquery.mobile-1.4.3.js"></script>
<script src="jquery/loading.js"></script>
<style type="text/css">
body {
margin:0;
padding:0;
background-color:#000000;
}
.wrap {
margin:150px auto;
width:380px;
overflow:hidden;
float:none;
background-color:#000000;
}
.loginForm {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, 0.2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, 0.2);
position:absolute;
z-index:0;
background-color:#FFF;
border-radius:4px;
height:210px;
width:360px;
background: -webkit-gradient(linear, left top, left 24, from(#EEE), color-stop(4%, #FFF), to(#EEE));
background: -moz-linear-gradient(top, #EEE, #FFF 1px, #EEE 24px);
background: -o-linear-gradient(top, #EEEEEE, #FFFFFF 1px, #EEEEEE 24px);
}
.loginForm h1 {
text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
text-transform:uppercase;
text-align:center;
color:#666;
line-height:3em;
margin:16px 0 10px 0;
letter-spacing: 4px;
font:normal 26px/1 Microsoft YaHei, sans-serif;
}
fieldset {
border:none;
padding:10px 10px 0;
}
fieldset input[type=text], fieldset input[type=password] {
width:100%;
line-height:2em;
font-size:12px;
height:30px;
border:none;
padding:3px 4px 3px 2.2em;
width:300px;
}
fieldset input[type=submit] {
text-align:center;
padding:2px 20px;
line-height:2em;
border:1px solid #113DEE;
border-radius:3px;
background: -webkit-gradient(linear, left top, left 24, from(#113DEE), color-stop(0%, #0938F7), to(#113DEE));
background: -moz-linear-gradient(top, #FF6900, #FF9800 0, #FF6900 24px);
background:-o-linear-gradient(top, #FF6900, #FF9800 0, #FF6900 24px);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9800', endColorstr='#FF6900');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9800', endColorstr='#FF6900')";
height:30px;
cursor:pointer;
letter-spacing: 4px;
margin-left:10px;
color:#FFF;
font-weight:bold;
}
.inputWrap {
background: -webkit-gradient(linear, left top, left 24, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 24px);
background: -o-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 24px);
border-radius:3px;
border:1px solid #CCC;
margin:10px 10px 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF')";
}
fieldset input[type=checkbox] {
margin-left:10px;
vertical-align:middle;
}
fieldset a {
color:blue;
font-size:12px;
margin:6px 0 0 10px;
text-decoration:none;
}
fieldset a:hover {
text-decoration:underline;
}
fieldset span {
font-size:12px;
}
</style>
</head>
<script>
$(document).ready(function (){
$("#btn_login").bind('click', function(){
showLoader();
window.location="./message.html";
});
});
</script>
<body>
<div class="wrap">
<section class="loginForm">
<header> <h1>login</h1> </header>
<div class="loginForm_content">
<fieldset>
<div class="inputWrap">
<input type="text" name="userName" placeholder="Email" autofocus required>
</div>
<div class="inputWrap">
<input type="password" name="password" placeholder="Password" required>
</div>
</fieldset>
<fieldset>
<input type="checkbox" checked="checked">
<span>auto login</span>
<button class="ui-btn ui-btn-b" id="btn_login">login</button>
</fieldset>
</div>
</section>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
html+css chat聊天气泡及聊天窗口
共125个文件
png:105个
css:7个
html:5个
5星 · 超过95%的资源 需积分: 50 582 下载量 97 浏览量
2015-12-17
09:18:59
上传
评论 1
收藏 358KB RAR 举报
温馨提示
html+css chat聊天气泡及聊天窗口,支持聊天气泡宽度根据文字长度进行自适应
资源推荐
资源详情
资源评论
收起资源包目录
html+css chat聊天气泡及聊天窗口 (125个子文件)
jquery.mobile-1.4.3.css 234KB
jquery.mobile.inline-png-1.4.3.css 145KB
jquery.mobile.icons-1.4.3.css 126KB
jquery.mobile.external-png-1.4.3.css 119KB
jquery.mobile.structure-1.4.3.css 89KB
jquery.mobile.theme-1.4.3.min.css 12KB
style.css 8KB
ajax-loader.gif 6KB
login.html 4KB
contact.html 4KB
message.html 3KB
profile.html 3KB
chat.html 1KB
person1.jpg 2KB
person2.jpg 2KB
search.jpg 855B
jquery.mobile-1.4.3.js 450KB
jquery-2.1.1.js 242KB
jquery.js 95KB
loading.js 391B
us.png 609B
gb.png 599B
de.png 545B
gf.png 545B
fi.png 489B
search-black.png 324B
search-white.png 321B
gear-black.png 318B
clock-white.png 316B
audio-white.png 314B
clock-black.png 310B
forbidden-white.png 308B
audio-black.png 307B
power-white.png 302B
gear-white.png 302B
refresh-white.png 301B
forbidden-black.png 299B
refresh-black.png 295B
power-black.png 292B
phone-white.png 274B
phone-black.png 270B
eye-white.png 253B
recycle-white.png 253B
camera-white.png 251B
info-white.png 251B
camera-black.png 250B
info-black.png 250B
eye-black.png 249B
location-white.png 247B
heart-white.png 246B
location-black.png 245B
user-black.png 245B
user-white.png 245B
alert-black.png 244B
forward-white.png 243B
alert-white.png 243B
recycle-black.png 243B
heart-black.png 242B
navigation-black.png 242B
navigation-white.png 241B
back-white.png 240B
star-white.png 239B
forward-black.png 233B
back-black.png 233B
star-black.png 231B
action-white.png 227B
mail-white.png 227B
mail-black.png 226B
action-black.png 219B
carat-d-white.png 213B
cloud-black.png 212B
cloud-white.png 210B
lock-white.png 207B
carat-d-black.png 207B
carat-u-white.png 204B
lock-black.png 204B
carat-u-black.png 196B
carat-r-white.png 194B
delete-white.png 185B
carat-r-black.png 184B
carat-l-white.png 177B
carat-l-black.png 174B
shop-black.png 174B
shop-white.png 173B
arrow-d-l-white.png 173B
check-white.png 172B
delete-black.png 171B
video-black.png 171B
arrow-d-r-white.png 171B
video-white.png 170B
edit-white.png 170B
check-black.png 169B
arrow-u-l-white.png 169B
grid-white.png 167B
arrow-d-l-black.png 167B
comment-black.png 165B
arrow-u-r-white.png 165B
arrow-u-r-black.png 163B
edit-black.png 163B
arrow-u-l-black.png 163B
共 125 条
- 1
- 2
HiWorldNice
- 粉丝: 70
- 资源: 7
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
前往页