js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS常用代码 > 表单按钮

仿中关村在线背景大图登录页面模板

发布时间:2015-09-05 23:27:25    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

仿中关村在线背景大图登录页面模板
<!DOCTYPE html>    
<html>    
<head>    
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />    
<title>仿中关村在线背景大图登录页面模板</title>    
<link href="css/main2_0.css" rel="stylesheet" />    
</head>    
<body>    
<ul class="s-skin-container" id="bg-container">    
<li id="bg8" class="" style="background-image: url(images/30239.jpg); display: list-item; z-index: 10;" desc="" link=""></li>    
</ul>    
<div class="wrapper">    
<div class="logo-bar"> <a class="logo" target="_blank" href="http://www.jstxdm.com/" >中关村在线</a> </div>    
<div class="content">    
<div class="content-bg"></div>    
<div class="line-bg"></div>    
<div class="main">    
<div class="fast-login">    
<div class="title"> 社交账号登录 </div>    
<div class="clearfix"> <a class="fast-login-btn qq-btn" href="http://www.jstxdm.com/" >使用腾讯QQ登录</a> <a class="fast-login-btn sina-btn" href="http://www.jstxdm.com/" >使用新浪微博登录</a> <a class="fast-login-btn taobao-btn" href="http://www.jstxdm.com/" >使用淘宝账号登录</a> </div>    
</div>    
<div class="login-mod">    
<div class="title"> 登录 </div>    
<div class="loginbox">    
<form id="loginForm" onsubmit="return false;">    
<label id="useridLabel" for="userid" class="tips">邮箱/手机号/登录名</label>    
<input name="userid" type="text" id="userid" class="user-text" value="" />    
<label id="passwordLabel" for="password" class="tips ptips" onclick="$('#password').focus();">密码</label>    
<input type="password" id="password" autocomplete="off" class="user-text" value="" />    
<input name="pwd" type="hidden" id="pwd" value="" />    
<input name="login" id="login" type="submit" onclick="submitLogin()" class="login-btn" value="登录" />    
<input type="hidden" name="backUrl" value="" />    
<p>    
<label class="autologon">    
<input name="is_auto" checked="checked" type="checkbox" value="1" />    
记住我</label>    
<a href="http://www.jstxdm.com/" >忘记密码?</a> </p>    
<div class="wrong-tips" id="wrongTips" style="display: none;">账号或密码错误,请重试</div>    
</form>    
</div>    
</div>    
</div>    
<div class="aside">    
<div class="title">全世界最全面的科技产品解读</div>    
<div class="look-formod">    
<div class="search-textbox">    
<input type="text" id="searchKword" class="search-text" value="iphone5s" />    
</div>    
<input class="search-btn" onclick="" type="button" value="随便看看" />    
</div>    
<p id="picSrc">图片来源:<a class="pic-source" href="http://www.jstxdm.com/"  target="_blank">中关村在线壁纸</a></p>    
</div>    
</div>    
</div>    
<div class="foot">    
<div class="footer-nav-box">    
<div class="footer-nav">    
<div class="copyright">&copy;CBS Interactive. All rights reserved.</div>    
<p><a href="http://www.jstxdm.com/" >ZOL简介</a>|<a href="http://www.jstxdm.com/" >用户注册</a>|<a href="http://www.jstxdm.com/" >隐私声明</a>|<a href="http://www.jstxdm.com/" >招聘</a>|<a href="http://www.jstxdm.com/" >ZOL历程</a>|<a href="http://www.jstxdm.com/" >品牌大全</a>|<a href="http://www.jstxdm.com/" >站点地图</a>|<a href="http://www.jstxdm.com/" >联系方式</a>|<a href="http://www.jstxdm.com/" >RSS订阅</a></p>    
</div>    
</div>    
</div>    
</body>    
</html>



登录页面

仿中关村在线背景大图登录页面模板

友荐云推荐
大家说 此评论不代表本站观点