Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
}
input:focus {
	outline:none;
}
.tabs {
	width:600px;
	margin:0 auto;
	margin-top:100px;
}
.tabs-title {
	height:50px;
	line-height:50px;
	background:#000;
	color:#fff;
	padding:0 20px
}
.item {
	margin-top:50px;
	position:relative
}
.tel,.code {
	width:600px;
	border:none;
	border-bottom:1px solid #999;
	height:30px;
	margin-top:10px
}
.j-getCode {
	position:absolute;
	right:0;
	top:20px;
	padding:4px 20px;
	background:#FFE8BB;
	color:#FF6600;
	border-radius:45px;
}
.send {
	background:#E5E5E5;
	color:#777;
}
.j-getCode:hover {
	cursor:pointer;
}
#j-count {
	font-style:normal;
	padding-right:2px
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.10.2
 立即下载

jq获取手机验证码效果

0