본문 바로가기

전체 글

스크롤 따라 움직이는 레이어 웹사이트 헤더위로 [출처] 스크롤 따라 움직이는 레이어|작성자 혜벙벙 더보기
스크롤 따라다니는 배너 html 코드 배너 js 코드/* Floating Banner */var quick_menu = $('#floating_banner');var quick_top = 130; //topquick_menu.css('top', $(window).height() );$(document).ready(function(){ quick_menu.animate( { "top": $(document).scrollTop() + quick_top +"px" }, 130 ); $(window).scroll(function(){ quick_menu.stop(); quick_menu.animate( { "top": $(document).scrollTop() + quick_top + "px" }, 200 ); });}); [출처] .. 더보기
gnb, lnb, 타이틀 자동으로 제어하기 //gnb, lnb 자동으로 제어하기 var page = $navi.split("_"); // _ 단위로 잘라 배열에 넣는다 var depth1 = page[0] - 1; var depth2 = page[1] - 1; var depth3 = page[2] - 1; var sub1 = depth1 + 1; var sub2 = depth2 + 1; var sub3 = depth3 + 1; var gnbImg1 = $('#gnb > ol > li:eq(' + depth1 + ') > a > img'); // gnb 이미지 var gnbImg2 = $('#gnb > ol > li:eq(' + depth1 + ') > ul > li:eq(' + depth2 + ') > a > img'); // gnb하위 메뉴 이.. 더보기
a 링크 클릭시 점선 테두리 없애기 a링크 클릭시 점선 테두리 없애기$('a').focus(function() {$(this).blur();}); [출처] a링크 클릭시 점선 테두리 없애기 |작성자 혜벙벙 더보기
이미지 롤오버 스크립트로 제어하기 이미지 네임 끝을 _off과 _on로 저장하고 사용한다.제이쿼리 사용 // rollover $('img.rollover, #lnb img').each(function() { $(this).mouseover(function() { if ($(this).attr('src').match('_off')) { $(this).css('cursor', 'pointer'); $(this).attr('src', $(this).attr('src').replace('_off', '_on')); $(this).mouseout(function() { $(this).attr('src', $(this).attr('src').replace('_on', '_off')); }); } }); }); 자바스크립트 사용 시 html태그에 o.. 더보기
footer 하단에 붙이기 컨텐츠 내용이 창 크기보다 적을 때, footer가 바로 밑에 붙어있는게 아닌 하단에 붙어 있기 위해 사용. css 코드.fixed { position:fixed; bottom:0px; width:100%; }.fixed-no { position:static; } jquery 코드/* footer sizing */ var wrapper = $('#wrapper').height(); var body = $(window).height(); if( wrapper body ){ $("#footer").removeClass('fixed'); $("#footer").addClass('fixed-no'); } $(window).resize(function() { var wrapper = $('#wrapper').he.. 더보기
ul 익스8 이하에서 가운데 정렬 시키기 li는 기본적으로 block 요소이다. block 요소를 인라인처럼 사용하기 위해서는 inline-block으로 선언해주면 된다. menu01menu02menu03menu04 CSS.nav {width:100%; text-align:center}.nav li {display:inline-block; *zoom:1; *display:inline;} *핵을 줄수 밖에 없다... ie7 이하의 브라우저에서는 먹히질 않는다. 더보기
바이크 방한 장갑! 개인적으로는 제일 맨 아래에 있는게 가성대비 좋을 것 같아. http://item.gmarket.co.kr/DetailView/Item.asp?goodscode=321826750&GoodsSale=Y&jaehuid=200001169&NaPm=ct%3Dh9jttlow%7Cci%3D0AK1000EQofe4e0800fP%7Ctr%3Dsl%7Csn%3D24%7Chk%3D61bc73e8575d304e7910d2cf93ba277ae4a83822 색상 및 사이트 : 블랙 - L ----------------------------------------------------------------------------------------------------------------- http://shop.naver.com.. 더보기