블로그를 하다보면 방문자에게 보여주고 싶은 글이나, 좋은 글들을 보여주는것이 좋습니다. 다음뷰나 베스트에 뽑힌글등은 자체적으로 만들어진 메뉴등으로 보는이에게 깔끔하게 다가가서 좋습니다.

베스트에 뽑힌글이 아니더라도 보여주고 싶은 글이나 또는 링크, 글 보관함 등등 다른 링크를 깔끔하고 역동적인 화면으로 보여지게끔 하는것도 좋지요.

그중에서 단연 Horizontal CSS Menu 나 Vertical CSS Menu 가 돋보입니다. 허나 이것도 IE 라는 무서운 넘을 만나면 어떻게 변할지 모르지요.
또는 이미지를 삽입하거나하면 로딩이 느려지거나 웹 접근성을 해치거나하면 안 다느니만 못한 결과를 낳기도 합니다.

이것 저것 고려해서 저도 한번 달아봤습니다.
이전에 사이드바에 달아놓았던 demun 추천글과 현재 바뀌어진 Vertical css menu 가 어떻게 다른지 한번 비교해보세요.



좀더 역동적이고 색도 같은 색으로해서 보기에도 괜찮아보입니다. 현재는 demun 추천글이라고해서 하나만 적용했는데 차츰 사용범위를 넓히고 다듬으면 좋아보일거 같습니다.

시간이 나면 Horizontal CSS Menu 도 한번 달아봐야 겠습니다.
IE 6.0 에서도 무리없이 보여집니다. 약간의 차이는 있지만 IE 6.0만 통과하면 다른 브라우져들은 말할것도 없지요.^^;

현재 보여지는 것은 자바스크립트가 들어가 있는건데요. 약간 수정해서 방향이나 배경색등을 만질수 있습니다. 이미지를 참고하시면 될듯 하고요 좋은 코드는 아래에서 무료로 배포하고 있으니 참고하시기 바랍니다.
세로, 또는 가로 메뉴도있고 css 레이아웃도 있으니 구경하세요.


다른 드롭다운 메뉴

jQuery 드롭다운메뉴 사용하는 방법-jquery.droppy.js =>  http://demun.tistory.com/2082
수평 드롭다운 메뉴 =>  http://demun.tistory.com/2145
CSS 3 드롭다운 에니메이션 메뉴 =>  http://demun.tistory.com/2161
티스토리 카테고리 메뉴를 드롭다운으로 이용하는 방법 =>  http://demun.tistory.com/2175
수평 드롭다운 메뉴바 달기(jquery이용) Horizontal CSS Menus =>  http://demun.tistory.com/1672
이미지가 필요없는 css 드롭다운 메뉴 Vertical css menu =>  http://demun.tistory.com/1613
티스토리 블로그메뉴를 드롭다운으로 이용하는 방법 =>  http://demun.tistory.com/2174
css 애니메인션 드롭다운 =>  http://demun.tistory.com/2310