1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
|
<?php include_once("./_common2.php"); ?>
<!DOCTYPE html>
<head>
<script language='javascript' src="./js/jquery-1.7.2.min.js"></script>
<script language='javascript' src='./js/img.js'></script><!-- Order_2.php -->
<script src="./js/jqueryui/jquery-ui.js"></script>
<script src="./js/html5shiv.js"></script>
<script src="./js/respond.min.js"></script>
<link href="./js/jqueryui/jquery-ui_renew.css" rel="stylesheet" />
</head>
<style>
ul {list-style: none;}
a {text-decoration: none;}
img {border: none;}
.new_user_dialog {width: 861px;height: 588px;position: relative;overflow: hidden;}
.new_user_dialog .new_user_page {width: 100%;height: 100%;position: relative;margin:0;}
.new_user_dialog .new_user_page li {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;color: #fff;font-size: 30px;display: none;}
.new_user_page li:nth-child(1) {display: block;}
.new_user_prev {position: absolute;right: 180px;top: 530px;width: 117px;height: 44px;background: url( "./images/intro/new_user/new_user_prev.png" ) no-repeat;border:none;cursor:pointer;outline: none;display:none;}
.new_user_next {position: absolute;right: 58px;top: 530px;width: 117px;height: 44px;background: url( "./images/intro/new_user/new_user_next.png" ) no-repeat;border:none;cursor:pointer;outline: none;display:none;}
.new_user_start {position: absolute;right: 90px;top: 480px;width: 126px;height: 76px;background: url( "./images/intro/new_user/new_user_start_bf.png" ) no-repeat;border:none;cursor:pointer;outline: none;}
.new_user_start:hover {background: url( "./images/intro/new_user/new_user_start_after.png" ) no-repeat;}
</style>
<body style="padding:0px; margin:0px;">
<div class="new_user_dialog">
<ul class="new_user_page">
<li><img src="./images/intro/new_user/new_user_mj_01.png"></li>
<li><img src="./images/intro/new_user/new_user_mj_02.png"></li>
<li><img src="./images/intro/new_user/new_user_mj_03.png"></li>
<li><img src="./images/intro/new_user/new_user_mj_04.png"></li>
<li><img src="./images/intro/new_user/new_user_mj_05.png"></li>
<li><img src="./images/intro/new_user/new_user_mj_06.png"></li>
</ul>
<input type="button" class="new_user_prev">
<input type="button" class="new_user_next">
<input type="button" class="new_user_start"><!--ù È¸é ¹öÆ° -->
</div>
</body>
<script>
$(document).ready(function() {
var wid = $(".new_user_dialog").width();
var i = 0;
var len = $(".new_user_page li").length;
$(".new_user_start").click(function(){
$(this).hide();
$(".new_user_next").click();
$(".new_user_prev, .new_user_next").show();
});
$(".new_user_prev").click(function() {
if (i == 0) {
i = len - 1;
} else {
i = i - 1;
}
showSlide();
});
$(".new_user_next").click(function() {
if (i == 5) {
i = 0;
} else {
i = i + 1;
}
showSlide();
});
function showSlide() {
$(".new_user_page li").stop(true, true).fadeOut();
$(".new_user_page li").eq(i).stop(true, true).fadeIn();
}
});
</script>
|