'분류 전체보기'에 해당되는 글 256건

$(document).ready(function(){
	var offset = $(".div").offset(); // div 오프셋 구하기
	var top = offset.top; // 오프셋의 top 구하기
	$("body").animate({scrollTop:top},500); // 해당 위치로 이동
});

$("div").scrollTo({ 옵션 });
$('body, html').animate({ scrollTop: $("#target").offset().top }, 1000); 

http://demos.flesler.com/jquery/scrollTo/
http://demos.flesler.com/jquery/localScroll/
http://demos.flesler.com/jquery/serialScroll/
http://sorgalla.com/jcarousel/examples/

<script>
$("#red,#green,#blue").slider({
	orientation:"horizontal",
	range:"min",
	max:255,
	value:127,
	slide:refreshSwatch, // 슬라이더바를 움직일때마다 실행되는 함수
	change:refreshSwatch // 슬라이더값이 변경될때마다 실행되는 함수
});

// red, green, blue 슬라이더바가 변할때마다 실행되는 함수
function refreshSwatch() {
	var red = $("#red").slider("value");
	var green = $("#green").slider("value");
	var blue = $("#blue").slider("value");
	var my_rgb = "rgb("+red+","+green+","+blue+")";
	$("#swatch").css("background-color",my_rgb);
	$("#red_val").val(red );
	$("#green_val").val( green);
	$("#blue_val").val( blue);
	$("#color_val").val(my_rgb);
}

// 페이지를 로딩했을때 기본값
$("#red").slider("value", 127);
$("#green").slider("value", 127);
$("#blue").slider("value", 127);
</script>

* html

<div id="swatch"></div>
<br />
<input type="text" id="color_val" readonly />
<br />
<div id="red"></div>
<input type="text" id="red_val" readonly />
<br />
<div id="green"></div>
<input type="text" id="green_val" readonly />
<br />
<div id="blue"></div>
<input type="text" id="blue_val" readonly />

http://jqueryui.com/download - jquery ui download
http://jqueryui.com/themeroller/#themeGallery - jquery theme gallery

setTimeout(function() {
	// 내용
}, 1000);

$("body").find("img");

* 찾은 후에 a 태그로 링크할려면

$(this).wrap("<a href='http://www.naver.com'></a>");

$(".test").children().slice(0,3); // test 클래스 한 단계 하위 요소중에 첫번째에서 3개 요소 선택
$("img").slice(0,2).clone().appendTo("#gallery"); // img 전부를 선택한후 첫번째 요소부터 2개 요소를 선택해서 gallery 영역에 복사
$(".test").children().filter(".select"); // test 클래스 한 단계 하위 요소중에 select 클래스
$(".test").children().not(".select"); // test 클래스 한 단계 하위 요소중에 select 클래스만 빼고 전부