초보코딩 뭐가문제일까요 ㅠ
본문
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>portfolio</title>
<link rel="stylesheet" href="css/style.css" />
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/front.js" type="text/javascript"></script>
<script src="js/jquery-ui.min.js" type="text/javascript"></script>
<script src="js/jquery.jInvertScroll.js" type="text/javascript"></script>
</head>
<body>
<div id="wrap">
</div>
<!--메인페이지-->
<div id="con1_box">
<img id="flag" src="images/flag.png" />
<img id="balloon" src="images/balloon.png" />
<img id="cloud1" src="images/cloud1.png" />
<img id="cloud2" src="images/cloud2.png" />
<img id="cloud3" src="images/cloud3.png" />
</div>
<!-- about-->
<div id="about">
<img src="images/bg.jpg" />
</div>
</body>
</html>
* { margin:0; padding:0; list-style:none; }
body { position:relative; background-image: url(../images/home_bg.jpg); background-size:1920px 1000px; }
#wrap { width:1920px; margin:0 auto; }
/* main */
#balloon { position:absolute; top:122px; left:668px; }
#cloud1 { position:absolute; top:328px; left:1425px; }
#cloud2 { position:absolute; top:498px; left:123px; }
#cloud3 { position:absolute; top:228px; left:333px; }
#flag { position:relative; cursor: pointer; top:752px; left:1780px;}
/* about */
#about { position:absolute; top:-105px; left:1920px;}
메인에서 클릭을하면 수평으로 넘어가는데 클릭은 어떻게 제이쿼리로 적용을 시키나요 ㅠ
아무리 검색해도 잘 모루겟네요..
그리고 어바웃 배경이 자꾸 올라가는데 뭐가문제인지.. 또 아래 스크롤바도 생기던데.. 없앨수있나요?
도움주세요 흑흑 ㅠㅠ