JavaScript

home, 그외 파일

  • 1jquery를 이용하면 반복문을 대신 처리해준다.
  • 2JavaScript는 color.js로 css는 style.css(home은 style2.css, 일정표는 style3.css)로 따로 파일로 묶는다.
  • 3'OXhandler'이름의 'O'모양의 버튼을 만든다.

color.js

  • 1Links, Body객체에 SetColor, SetBackgroundColor 함수 담기
    수납상자: 아주 간단하며 강력한 도구(함수), 좀 더 큰 도구(객체)
  • 2SetColor:function(color) 함수에 담았다.
    $('a').css('color',color); jquery사용한다.
  • 3SetBackgroundColor:function(color) 함수에 담았다.
    body태그에 배경색을 지정한다.
     OXhandler라는 함수를 만든다.
    'O'를 누르면 배경색이 베이지('#EE6C4')로 바뀌고 모양도 자동으로 'X'로 바뀌며, 링크 색은 슬로우블루('#42B4E6')으로 바뀐다.
    'X'를 누르면 배경색이 흰색으로 바뀌고 모양도 자동으로 'O'로 바뀌며, 링크 색은 흰색으로 바뀐다.

style.css

  • 1<script></script>태그 빼고 묶는다.
  • 2다른 파일도 마찬가지로 묶고 각각의 파일에 style1,2,3.css라고 지정한다.