'javascript, jquery'에 해당되는 글 66건

http://www.htmldrive.net/

$(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>");