김명주

Update search homepage design

......@@ -7,27 +7,29 @@ body
position:absolute;
width: 700px;
height:100px;
top:300px;
left:600px;
top:33%;
left:50%;
background:white;
border-radius: 50px;
margin:-50px 0px 0px -350px;
border:3px solid black;
}
#left
{
position:absolute;
width:600px;
height:600px;
top:350px;
left:50px;
width:500px;
height:500px;
top:40%;
left:5%;
}
#right
{
position:absolute;
width:650px;
height:600px;
top:300px;
left:1200px;
width:550px;
height:500px;
top:40%;
left:65%;
}
.box {
animation: slide-in-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
......@@ -75,8 +77,8 @@ body
background-image: url('metadata/image/button.png');
width:70px;
height:70px;
border:0px;
float:left;
left:35%;
border:0px;
margin:15px 0px 0px 0px;
}
\ No newline at end of file
......
......@@ -6,14 +6,14 @@
<!--<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>-->
<link rel="stylesheet" type="text/css" href="search_home.css" />
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
</head>
<body>
<img class="box" id="left" src="metadata/image/wodi.png">
<img class="box2" id="right" src="metadata/image/sdao.png">
<div class="search">
<input type="text" id="name" placeholder="카트라이더 닉네임 입력" />
<input type="button" value="" id="OK"/>
<button id="OK"></button>
</div>
<script>
$("#OK").click(function(){ // OK 버튼 클릭하면
......