mirror of
https://e.coding.net/circlecloud/MinecraftAccount.git
synced 2025-11-24 21:26:09 +00:00
99
Application/Home/View/Common/Banner.html
Normal file
99
Application/Home/View/Common/Banner.html
Normal file
@@ -0,0 +1,99 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=7;IE=9;IE=10" />
|
||||
<include file="Common:JS_CSS" />
|
||||
<title><block name="PageTitle"></block></title>
|
||||
<block name="Head"></block>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="con">
|
||||
<h1 class="logo">Mc魔方联机</h1>
|
||||
</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"></div>
|
||||
</div>
|
||||
<div class="cell bns-03" style="display: none;">
|
||||
<div class="con"></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>
|
||||
<block name="Body"></block>
|
||||
</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>
|
||||
</body>
|
||||
</html>
|
||||
5
Application/Home/View/Common/JS_CSS.html
Normal file
5
Application/Home/View/Common/JS_CSS.html
Normal file
@@ -0,0 +1,5 @@
|
||||
<link href="__CSS__/home.css?v=2" rel="stylesheet" type="text/css" />
|
||||
<link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" rel="stylesheet" />
|
||||
<script src="//cdn.bootcss.com/jquery/3.0.0-alpha1/jquery.min.js"></script>
|
||||
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
||||
17
Application/Home/View/Common/Master.html
Normal file
17
Application/Home/View/Common/Master.html
Normal file
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=7;IE=9;IE=10" />
|
||||
<include file="Common:JS_CSS" />
|
||||
<title><block name="PageTitle"></block></title>
|
||||
<block name="Head"></block>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="con">
|
||||
<h1 class="logo">Mc魔方联机</h1>
|
||||
</div>
|
||||
</div>
|
||||
<block name="Body"></block>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user