javascript2 HTML(J-query, javascrpit) 이미지 크기조절 1. 스타일 이용하기. style에 아래의 코드를 넣어줍니다. 12345678910cs" img{} "는 img라는 초기 스타일값이니 초기 크기는 30%로~. " img:hover{} " 는 마우스 포인터가 이미지 위에 있을때의 스타일 값 50%네용. "transition-property" 는 어떤부분에 효과를 줄꺼냐는 것이고~ "transition-duration" 는 효과시간입니다. 적용해보죠~ 이미지는 구글이미지를~ㅋㅋ 처음 실행시키면 이렇습니다. 폭이 브라우저의 30% 마우스를 그림위에 놓으면 50%로 커지네용~ 2. JavaScript& class이용하기 JavaScript는 아래의 코드와 같이 만듭니다. 123456789101112131415 $(document).ready(function().. 2015. 2. 12. HTML <j-query > 웹앱 만들어보려고 이리저리 찾다보니 J-query를 많이 사용하는 것 같네요. 그래서 공부해보려고 합니다. 사용할 책은 "쉽게 배우는 웹앱&하이브리드앱" 그리고 Dreamweaver6 드림위버는 6버전을 깔았는데 한글이 안나오네요;;; J-query는 J-Query home page 에서 다운받으면 됩니다. 아님 아래의 코드를 추가하면 바로 쓸 수도 있어용. 123cs 그리고 대충 페이지의 구조를 보면 12345 cs 이렇네요.. 예를 들면 아래와 같이~ 1234567891011 This is Header This content This is Footer Colored by Color Scriptercs data-role 이 말 그대로 역할을 의미하는듯~ 다음 포스트부터 미션하는 거 올리겠습니다~ J-q.. 2015. 2. 12. 이전 1 다음 인기글