선생님이 저번에 보여주신걸 한번 따라해 보고 싶어서 해보았는데... 역시... 아류작이란 ㅉㅉ... 다음시간에는 개발자로써 갖추어야할 자세와 지식들에 대해서 알려주신다니 기대된다.

z 축 하나 추가하면 자동으로 3D 객체가 되버리다니.. 축회전,스케일.. 계산해서 열심히 돌리고 있었드만..OTL... 이래서 레퍼런스를 세심히 봐야한다..

MovieClip은 Sprite 클래스를 상속받는다. 둘간의 차이점은 타임라인을 가지고 있느냐 가지고 있지 않느냐.. Sprite는 타임라인을 가지고 있지 않아서 좀더 가볍다.

이번 시간에는 카테고리 별로 내용물을 분류해보도록 하겠습니다. (jQuery가 처음이신 분들은 강좌1부터 보시는걸 권장합니다. ) 우리가 무엇을 할것인지 보도록 하지요. 아래 예제를 참고해주세요. $(document).ready(function(){ $("#example_category a").click(function(e){ e.preventDefault(); var category = $(this).attr("title"); $("#example_newslist li").fadeOut("slow"); if(category == "all"){$("#example_newslist li").fadeIn("slow");} else{$("#example_newslist li[class*="+category+"]").fadeIn("slow");} }); });#example_wrap a:link,#example_wrap a:visited{color:#00F;text-decoration:none;}#example_wrap{text-align:left;width:90%;padding:10px;margin:0 auto;}li{list-style:none;}#example_category,#example_newslist{background:#FFF;padding:2px;border:1px solid #000;margin:5px;}#example_category li{display:inline;} 카테고리 전체기사 경제/금융 사회 ..

imgchange.zip이번 강좌에서는 섬네일 이미지를 누르면 큰 이미지가 변환되도록 해보겠습니다. 자세한 내용은 예제를 다운받아 보세요. 1. 마크업 코드 2. jQuery 코드 $(document).ready(function(){ $("#thumnail a").click(function(e) { e.preventDefault(); var largeImgPath = $(this).attr("href"); var largeImgAlt = $(this).find("img").attr("alt").substr(0,4); $("#largeimg img").attr({src:largeImgPath,alt:largeImgAlt}); }); }); 먼저, e.preventDefault() 를 보도록 하지요. 이것은 무엇이냐 하면, 대상을 클릭했을때 발생하는 이벤트를 방지하는 것입니다. 즉, 링크가 걸려있는 Anchor 태그를 클릭하면 해당 주소로 페이지가 이동되지요? 그런데 우리는 해당 링크를 클릭하면 화면전환없이 이미지를 바꾸어야 하니, 페이지 이동 이벤트를 방지해야 합니다. 그래서 e.preventDefault()를 사용한것이..

웹서핑을 하다 보면 스크롤바를 따라다니는 슬라이드 메뉴를 자주 볼수 있습니다. 오늘은 슬라이드 메뉴를 jQuery로 만드는 방법을 알아보도록 하지요. jQuery가 처음이신 분들은 강좌1 부터 보시는걸 권장합니다. 예제를 보시려면 아래의 파일을 다운받아 보세요. slidemenu.htm 1. 슬라이드 메뉴의 Key Point 어떤 대상을 움직이려면 대상의 position 값은 absolute 또는, relative 값이 되어야 합니다.(css 에서 설정합니다.) 2. 마크업 보기 (주저리 주저리..컨텐츠 내용) (슬라이드 메뉴 내용) 예제에서는 이런 구조로 마크업 되어 있으며, slidemenu의 css 속성값은 아래와 같습니다. #slidemenu{background:#12cf3d;position:absolute;width:100px;top:50px;right:10px;} 즉, 현재 슬라이드 메뉴는 브라우저 상에서 상단에서 50px만큼, 우측에서 10px만큼 떨어져 있는 상태입니다. 이제 이 슬라..

이번 강좌에서는 펼침목록 만들기를 해보겠습니다. toggle.htm예제보기를 원하시면 위 htm 파일 링크를 클릭하세요. jQuery 를 처음 접하시는 분은 강좌 1부분부터 보시는걸 권장합니다. 그럼 예제1 부분에서 h3 엘리먼트 영역을 클릭시 아래의 엘리먼트 영역이 사라지는 것을 보도록 하지요. 소스 코드는 아래와 같습니다. $(document).ready(function(){ // 예제1 코드 $("#first h3").toggle(function(e){ // 선택자에 toggle이라는 이벤트를 주었습니다. e.preventDefault(); // 아직은 신경쓰지 않으셔도 되는 부분 $(this).next().slideUp(); //next()와 slideUp() 이라는 메서드가 보입니다. },function(e){ e.preventDefault(); $(this).next().slideDown(); }); }); 먼저 toggle(fn1,fn2) 이벤트에 대해서 살펴보도록 하겠습니다. 저번 강의시간에 click(fn) 이라는 이벤트에 대해서는 설명을 드렸습니..

오늘부터 저와함께 하루에 한두개정도씩 jQuery를 가지고 놀아 보겠습니다. 처음부터 현란한 예제로 시작하는것보다 간단한 예제를 가지고 시작해서 응용하실수 있도록 하겠습니다. 처음에만 간략하게 jQuery에 대해 설명해 드리며, 다음 예제부터는 쓸대없는 주석은 달지 않도록 하겠습니다. 우선 jQuery는 일종의 자바스크립트 라이브러리로써, 현재 다른 라이브러리로써는 prototype이라든가 네이버의 '진도'가 있습니다. 라이브러리라 함은 쉽게 설명하면, 프로그래밍언어에서 자주 사용하는 함수나 메서드등을 재사용이 가능하도록 모아놓은 것을 말합니다. 그럼 이제부터 예제를 시작합니다. 1. jQuery를 사용하기 jquery.js- 위 파일을 다운받습니다. jQuery 연습1 애니메이션효과 - 위의 코드중 빨간색 으로 되어 있는 것처럼 htm..