OK DDODDO LAB

이 기능은 iframe 에서 생기는 스크롤을 없애고, windows 스크롤을 이용하고자 할때 사용합니다. HTML

익스플로러, 크롬에서 확인하였습니다. HTML 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 배너 CSS #quick-banner { position:absolute; height:300px; /* 퀵메뉴, 배너 이미지의 높이 */ width:170px; /* 퀵메뉴, 배너 이미지의 너비*/ margin:0px 0px 0px 500px; /* 가장 오른쪽의 수치가 화면 가운데에서 얼마만큼 오른쪽으로 레이어를 붙일 것인지 설정 */ top: 110px; /* 배너 상단에서 얼마나 떨어뜨릴지 설..

작업을 하게되면 top 버튼 구현해 달라고 하는 경우가 많이 있습니다. 모바일 경우는 거의 필수이지 않나 싶은데요? 여러방법이 있을텐데요 내용 참고만 해주시면 되겠습니다. HTML Top CSS div.tbox { margin: auto; width: 500px; height: 2000px; border: 1px solid #bcbcbc; } a.top { /*스크롤해도 위치가 변하지 않도록 만들고, 적당히 위치를 잡은 후 보이지 않게 합니다.*/ position: fixed; left: 50%; bottom: 50px; display: none; } JS $( document ).ready( function() { //스크롤하여 밑으로 내려갔을 때 링크가 보이게 $( window ).scroll( fu..

구글맵 넣기 HTML JS function initialize() { /* http://openapi.map.naver.com/api/geocode.php?key=f32441ebcd3cc9de474f8081df1e54e3&encoding=euc-kr&coord=LatLng&query=서울특별시 서초구 서초동 위의 링크에서 뒤에 주소를 적으면 x,y 값을 구할수 있습니다. */ var Y_point = 37.4850609; // Y 좌표 var X_point = 127.0323093; // X 좌표 var zoomLevel = 17; // 첫 로딩시 보일 지도의 확대 레벨 var markerTitle = "SIR"; // 현재 위치 마커에 마우스를 올렸을때 나타나는 이름 var markerMaxWidth ..

아코디언 메뉴 HTML title 1 sub1 sub1 sub1 title 2 sub2 title 3 sub3 sub3 CSS body {margin:20px auto;padding: 0;font-family:"맑은 고딕";font-size:0.9em;} ul#navi {width: 200px;text-indent: 10px;} ul#navi, ul#navi ul {margin:0;padding:0;list-style:none;} li.group {margin-bottom: 3px;} li.group div.title {height: 35px;line-height: 35px;background:#9ab92e;cursor:pointer;} ul.sub li {margin-bottom: 2px;height:..