2015-11-06 10:12:15 +00:00
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>魔客吧整理jquery实现115网盘首页登录+注册+通栏banner广告js特效代码 魔客吧 - www.moke8.com</title>
|
|
|
|
|
<meta name="title" content="jquery实现115网盘首页登录+注册+通栏banner广告js特效代码" />
|
|
|
|
|
|
|
|
|
|
<meta name="keywords" content="jquery实现115网盘首页登录+注册+通栏banner广告js特效代码" />
|
|
|
|
|
<meta name="description" content="jquery实现115网盘首页登录+注册+通栏banner广告js特效代码" />
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link href="css/home.css?v=2" rel="stylesheet" type="text/css" />
|
|
|
|
|
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
<div class="con">
|
|
|
|
|
<h1 class="logo">Mc魔方联机</h1>
|
|
|
|
|
<div class="top-login">
|
|
|
|
|
<div id="js-login_box" style="">
|
|
|
|
|
<form action="" id="js-login_form" method="post">
|
|
|
|
|
<div class="cell">
|
|
|
|
|
<label for="js-account">帐号</label>
|
|
|
|
|
<input type="text" name="account" id="js-account" tabindex="1" class="text" value="" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="cell">
|
|
|
|
|
<label for="js-passwd">密码</label>
|
|
|
|
|
<input type="password" name="passwd" id="js-passwd" class="text" tabindex="2" />
|
|
|
|
|
<b class="icon-form ifm-secure" >安全提示</b>
|
|
|
|
|
</div>
|
|
|
|
|
<button type="button" class="button" id="js-submit" tabindex="3">登录</button>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="###" id="js-forgot_passwd" tabindex="6">忘记密码？</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="wrap">
|
|
|
|
|
<div class="banner-show" id="js_ban_content">
|
|
|
|
|
<div class="cell bns-01">
|
|
|
|
|
<div class="con"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="cell bns-02" style="display:none;">
|
|
|
|
|
<div class="con">
|
|
|
|
|
<a href="http://www.mfcraft.cn" target="_blank" class="banner-link"><i>1</i></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="cell bns-03" style="display:none;">
|
|
|
|
|
<div class="con">
|
|
|
|
|
<a href="http://www.mfcraft.cn" target="_blank" class="banner-link"><i>2</i></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="banner-control" id="js_ban_button_box">
|
|
|
|
|
<a href="javascript:;" class="left">左</a>
|
|
|
|
|
<a href="javascript:;" class="right">右</a>
|
|
|
|
|
</div>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
;(function(){
|
|
|
|
|
|
|
|
|
|
var defaultInd = 0;
|
|
|
|
|
var list = $('#js_ban_content').children();
|
|
|
|
|
var count = 0;
|
|
|
|
|
var change = function(newInd, callback){
|
|
|
|
|
if(count) return;
|
|
|
|
|
count = 2;
|
|
|
|
|
$(list[defaultInd]).fadeOut(400, function(){
|
|
|
|
|
count--;
|
|
|
|
|
if(count <= 0){
|
|
|
|
|
if(start.timer) window.clearTimeout(start.timer);
|
|
|
|
|
callback && callback();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
$(list[newInd]).fadeIn(400, function(){
|
|
|
|
|
defaultInd = newInd;
|
|
|
|
|
count--;
|
|
|
|
|
if(count <= 0){
|
|
|
|
|
if(start.timer) window.clearTimeout(start.timer);
|
|
|
|
|
callback && callback();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var next = function(callback){
|
|
|
|
|
var newInd = defaultInd + 1;
|
|
|
|
|
if(newInd >= list.length){
|
|
|
|
|
newInd = 0;
|
|
|
|
|
}
|
|
|
|
|
change(newInd, callback);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var start = function(){
|
|
|
|
|
if(start.timer) window.clearTimeout(start.timer);
|
|
|
|
|
start.timer = window.setTimeout(function(){
|
|
|
|
|
next(function(){
|
|
|
|
|
start();
|
|
|
|
|
});
|
|
|
|
|
}, 8000);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
start();
|
|
|
|
|
|
|
|
|
|
$('#js_ban_button_box').on('click', 'a', function(){
|
|
|
|
|
var btn = $(this);
|
|
|
|
|
if(btn.hasClass('right')){
|
|
|
|
|
//next
|
|
|
|
|
next(function(){
|
|
|
|
|
start();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
else{
|
|
|
|
|
//prev
|
|
|
|
|
var newInd = defaultInd - 1;
|
|
|
|
|
if(newInd < 0){
|
|
|
|
|
newInd = list.length - 1;
|
|
|
|
|
}
|
|
|
|
|
change(newInd, function(){
|
|
|
|
|
start();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
return false;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
})();
|
|
|
|
|
</script>
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
|
|
|
|
<div class="register-box">
|
|
|
|
|
<div class="reg-slogan"> <font size="5" face="微软雅黑" >用户登录</font> </div>
|
|
|
|
|
<div class="reg-form" id="js-form-mobile"><br>
|
|
|
|
|
<div class="cell">
|
|
|
|
|
|
|
|
|
|
<input type="text" name="mobile" id="js-mobile_ipt" class="text" maxlength="11" placeholder="请输入账号" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="cell">
|
|
|
|
|
|
|
|
|
|
<input type="password" name="passwd" id="js-mobile_pwd_ipt" class="text" placeholder="您的密码"/>
|
|
|
|
|
<input type="text" name="passwd" id="js-mobile_pwd_ipt_txt" class="text" maxlength="20" style="display:none;" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="cell">
|
|
|
|
|
<label for="js-mobile_ipt">请输入账号</label>
|
|
|
|
|
<input type="text" name="mobile" id="js-mobile_ipt" class="text" maxlength="11" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="bottom"><a id="js-mail_btn" href="javascript:;" class="button btn-green">立即注册</a></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer">
|
|
|
|
|
<div class="con">
|
|
|
|
|
|
|
|
|
|
<div class="copy-right">
|
|
|
|
|
<div class="cell">
|
|
|
|
|
|
|
|
|
|
<div style="width:960px;margin:10px auto; clear:both; text-align:center; ">
|
|
|
|
|
<script src="/statics/js/ad/96090.js" type="text/javascript"></script>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="width:960px;margin:20px auto 100px auto; clear:both; text-align:center; font-size:12px; line-height:25px; ">
|
|
|
|
|
<p> </p>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
