jscript (15) 썸네일형 리스트형 [jQuery]스크롤 시 특정 위치에서 div 고정시키기(2) 버그 픽스버전이 포스팅 되었습니다 2009/12/24 - [웹 프로그래밍/JavaScript] - [jquery] 스크롤 팔로워 v0.1a - 스크롤 따라 다니는 레이어 배너 or 메뉴 이전 버전을 jquery 플러그인 형식으로 바꾸었습니다. 사용 방법 및 예제는 압축 파일에 있으므로 다운로드 받아 확인 하시기 바랍니다. 컨텐츠블럭이 좌측 또는 중앙정렬일 경우 사용(우측 정렬을 사용하는 싸이트는 본적이 없어서..) 상하좌우 픽셀단위 위치값 설정 가능 따라다니는 속도 설정가능 animation easing 옵션 사용가능 z-index 설정 가능 테스트된 브라우저는 다음과 같습니다. Chrome 3.0.195.27 Firefox 3.5.3 Safari 4.0.3 (531.9.1) Opera 10 (1750).. [jQuery]스크롤 시 특정 위치에서 div 고정시키기 쇼핑몰 같은 데에서 특정 위치까지 스크롤을 하면 메뉴가 고정되었다가 또 특정 위치를 벗어나면 고정이 해제되는... 말로 설명하는 것보다 예제를 보시는 게 더 나을 것 같네요. 사용 방법은 아래와 같습니다. $("고정시킬 div").Scrolling("고정시킬 div의 시작 위치", "어디까지 고정할지"); $("#test1").Scrolling($("#test1").offset().top, ($(".aa").height() - $("#test1").height())); test asdfasf Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc Lorem ipsum etc etc .. PHP로 간단하게 PC, 모바일 기기 체크하기 PHP로 간단하게 PC, 모바일 기기 체크하기 //모바일 pc체크 //Check Mobile$mAgent = array("iPhone","iPod","Android","Blackberry", "Opera Mini", "Windows ce", "Nokia", "sony" );$chkMobile = false;for($i=0; $i hasClass를 이용한 약관동의 체크 제이쿼리 소스 $(document).ready(function(){// $(".ico_chk").click(function(){// 특정 클래스 클릭시if ( $(this).hasClass("on") ){//on 클래스가 있는지 확인해서 있다면 지우고$(this).removeClass("on");}else {//on 클래스가 없다면 추가한다.$(this).addClass("on");} });}); html 소스 서비스 약관에 동의합니다. css 소스.ico_check {display: block;width: 20px;height: 20px;background: url(/images/ico_1.png) no-repeat 0 0;overflow: hidden;font-size: 1px;line-height:.. PHP로 간단하게 모바일 기기 체크하기 //Check Mobile$mAgent = array("iPhone","iPod","Android","Blackberry", "Opera Mini", "Windows ce", "Nokia", "sony" );$chkMobile = false;for($i=0; $i 속성, 내용, 스타일, 데이터 조회 및 변경 Contentgetget 메소드는 제이쿼리 객체를 자바스크립트 객체로 다시 전환하는 역할을 합니다. get 메소드 안의 인자는 여러 개의 태그(클래스같은 경우 여러 개의 태그를 동시에 선택 가능) 중에 몇 번째 태그를 자바스크립트 객체로 전환할 건지 선택할 수 있게 해줍니다.$('#zero').get(0); // attrattr 속성을 조회하거나 변경할 수 있는 메소드입니다. 인자를 하나만 주면 해당 속성의 값을 조회하고, 두 개를 주면 해당 속성의 값을 변경합니다. 아래의 prop 메소드도 보고 그 차이점을 꼭 알아두셔야 합니다.$('#zero').attr('name'); // 'zero' $('#zero').attr('name', 'hero'); // name 속성을 hero로 변경 document... If This is Clicked Show This Else Hide This Using data attributes is easy once you get the idea.css.redStuff, .blueStuff, .greenStuff { display: none; }html Red Blue Green Red Stuff Blue Stuff Green Stuffjquery // no need for the ids or classes // we set data attributes for the html $("li[data-color]").click(function(){ // next line is for second click, to hide the prev div element $("div[data-content]").hide(); // we are getting the data.. Toggle between hiding and showing the <p> element when you click on the "Toggle" button. Toggle between hiding and showing the paragraphs This is a paragraph with little content.This is another small paragraph. 이전 1 2 다음
