효과
-
[jQuery] 7. Sliding - jQuery 강좌Web/jQuery 2015. 6. 13. 11:16
jQuery Effects - Sliding 1. jQuery Sliding Methods jQuery로 요소에 sliding 효과를 만들 수 있습니다: - slideDown() - slideUp() - slideToggle() 2. jQuery slideDown() Method slideDown() 메소드는 요소를 slide down을 줍니다. 문법:$(selector).slideDown(speed,callback); 예제: 1234 $("#flip").click(function(){ $("#panel").slideDown();});cs 3. jQuery slideUp() Method slideUp() 메소드는 요소를 slide up을 해줍니다. 문법:$(selector).slideUp(speed,ca..
-
[jQuery] 6. Fading - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:15
jQuery Effects - Fading 1. jQuery Fading Methods jQuery에서 요소의 가시성을 나타내게 하거나 사라지게 할 수 있습니다: - fadeIn() - fadeOut() - fadeToggle() - fadeTo() 2. jQuery fadeIn() Method fadeIn() 메소드는 사라진 요소를 희미하게 나타냅니다. 문법:$(selector).fadeIn(speed,callback); 예제: 123456789101112131415161718192021222324252627 $(document).ready(function(){$("button").click(function(){$("#div1").fadeIn();$("#div2").fadeIn("slow");$("#d..
-
[jQuery] 5. 보이기 / 숨기기(Hide / Show) - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:14
jQuery Effects - Hide and Show 1. jQuery hide() and show() HTML 요소를 hide()와 show() 메소드로 숨기고 보일 수 있습니다: 12345678910111213141516171819202122232425 $(document).ready(function(){$("#hide").click(function(){$("p").hide();});$("#show").click(function(){$("p").show();});}); If you click on the "Hide" button, I will disappear. Hide Show Colored by Color Scriptercs 문법:$(selector).hide(speed,callback); $(..