마우스 오버시 position값 변경 스크립트 질문이요
이루리라
html 소스는 아래 와 같은데요
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUntitled Document/title
style type=text/css
* {margin: 0;padding: 0;}
.leftnav-trail {margin:5px;}
ul, li {list-style-type: none;}
.left_menu {width:250px;overflow:hidden;border:1px solid #ccc;}
.left_menu ul {width:750px;margin:0 0 0 10px;position:relative;}
.left_menu ul li {width:235px;}
.left_menu li ul li.menu1 {background-color:#00F;}
.menu1 {background-color:#00F;}
.left {float:left;display:inline;}
/style
/head
body
div class=left_menu
div class=leftnav-traila href=#home/a a href=# class=m1menu1/a a href=# class=m2menu2/a/div
ul class=lmenu style=left:0px;
li class=left
ul class=menu1
limenu1/li
limenu2/li
limenu3/li
limenu4/li
/ul
/li
li class=left
ul class=menu2
lismenu1/li
lismenu2/li
lismenu3/li
lismenu4/li
/ul
/li
li class=left
ul class=menu3
lismenu1_1/li
lismenu1_2/li
lismenu1_3/li
lismenu1_4/li
/ul
/li
/ul
/div
/body
메뉴가 옆으로 길게 메뉴 서브메뉴가 같이 있고요 스타일로 안보이게 되어있는데요.
메뉴 1, 2 마우스 오버시 ul class=lmenu 의 left:0px 값을 부드럽게 바궈주면서각각의
서브메뉴로 이동하면서서브메뉴 클릭시 고정 되도록 하고 싶습니다.
스크립트를 잘 몰라서 도움 부탁드립니다.
