#menu li ul { position:absolute; left:-10px; top:0px; margin-top:40px; width:450px; line-height:0px; display:none; }
#menu li:hover ul { display:block; z-index:1000; }


효과를 위와 같이 주었다고 했을때...


페이지 로딩 후 현재 메뉴에 on 효과를 주려고 합니다.

생각해보면 class 추가해주면 될것같은데...

초기 로딩시 hover << 먹은 부분을 곧바로 되게끔해주고 싶은데...

방법이 있을까요??


정리하자면, css에 li:hover가 있습니다.

현제 패이지 로딩시 현재 메뉴에 on 효과를 주기 위해서 hover 를 곧바로 적용되게끔 하고싶습니다.

혹시 방법이 있을까요?




hover class 를 하나더 추가하여
#menu .hover { display:block; z-index:1000; }

이렇게 주었을 경우 해당메뉴에 곧바로 class 를 hover 주면은 문제점이 있습니다...

그러면 로딩시 해당 메뉴 on은 되지만.. 다른 메뉴에 마우스를 올렸을때...

기존의 hover 는 계속 살아 있습니다...

이 부분까지 고려해서 방법이 있을까요...???





css 메뉴 짜는데.. 거즘 다 짠거 같은데.. on효과가 문제네요.. 답변부탁드리겠습니다~!!!