<div id="wwtop">
      <h1><a href="#"><img src="img/logo.png" width="165px" height="58px"></a></h1>
      <ul class="mainmenu">
        <li><a id="home">home</a></li>
        <li><a id="seoul">seoul</a></li>
        <li><a id="tokyo">tokyo</a></li>
        <li><a id="paris">paris</a></li>
      </ul>
      <div class="images_title">
        <div>
          <a href="#"><img id="photo" src="img/home.png" alt="" width="90%" height="400px"></a>
        </div>
      </div>
  </div>


    ////////////////click_mainmenu
    $("#home").on("click",clickhome);
    $("#seoul").on("click",clickSeoul);
    $("#tokyo").on("click",clickTokyo);
    $("#paris").on("click",clickParis);
    $("#photo").on("mouseenter",mouseEnterPhoto);
    $("#photo").on("mouseleave",mouseLeavePhoto);
    $(document).on("keydown",processKeyEvent);
    function clickHome(){
      $("#photo").attr("src","img/home.png");
      $("#home").css("font-weight","bold");
    }
    function clickSeoul(){
      $("#photo").attr("src","img/seoul.png");
      $("#seoul").css("font-weight","bold");
    }
    function clickTokyo(){
      $("#photo").attr("src","img/tokyo.png");
      $("#tokyo").css("font-weight","bold");
    }
    function clickParis(){
      $("#photo").attr("src","img/paris.png");
      $("#paris").css("font-weight","bold");
    }
    ////////////////(이미지그림자)
    function mouseEnterPhoto(){
      $("#photo").css("box-shadow","5px 10px orange");
    }
    function mouseLeavePhoto(){
      $("#photo").css("box-shadow","none");
    }
    
    ////////키보드 이벤트
    function processKeyEvent(event) {
      // clickhome();
      if (event['key'] === '1'){
        clickHome();
      } else if (event['key'] === '2'){
        clickSeoul();
      } else if (event['key'] === '3'){
        clickTokyo();
      } else if (event['key'] === '4'){
        clickParis();
      }
    }