动态效果js需要做的是var nav=documentgetElementById#39nav#39var nav_div=documentgetElementById#39nav_div#39var nav_li=documentgetElementsByTagName#39li#39*里面是你第几个需要设定的数字，切记从0。

1输入代码，其中button是鼠标要滑动的地方，滑过button时，class为content的内容就要显示出来，鼠标滑出去的时候，这块内容就需要重新隐藏起来2把黑色内容的部分初始状态写成隐藏只需要在class为content里写上display。

这个原因是因为你是提前写好的事件绑定，当去触发这个事件的时候，i 这个变量的值已经循环至最后了，所以要这么修改 aliionmouseover = function showalii 然后通过传进来的alii，也就是ali，来得到当去。

然后设置其鼠标事件，应该选择onmouseover productonmouseover=function =#39block#39 鼠标移动到product元素上让其子菜单显示 productonmouseout=function =#39block#39。

width220pxcolor#fff opacity07$function $#39#body1 li#39find#39span#39hide 隐藏全部 $#39#body1 li#39hoverfunction $thisfind#39span#39stoptrue，trueslideDown。

body，td fontsize12px fontfamily宋体 alink color #ffffff textdecoration avisited color #ffffff textdecoration ahover color #ff9933 textdecoration t。

这里放手机在屏幕上划动的代码，可以随时取得手指的坐标，并对元素做相应的调整，false以上的手机触屏事件分别对应着PC网页端的 onmousedown事件onmouseup事件和onmousemove事年，注意以上的手机端的JS事件在网页端是。

eg jquery实现方法 你要加的样式为active ulli实现tab quotliquotonquotmouseoverquot，function quotliquotremoveClassquotactivequotthisaddClassquotactivequotok。

这个功能其实使用hover伪类即可实现，不需要js 给你一个思路，将子元素设置为默认display不可见当鼠标移动到父元素的菜单列表时，激活子元素为displayblock可见状态具体代码需要使用到hover伪类，例子如下 我是。

当鼠标移动到主菜单条上时，应显示其子菜单，并且被选中的菜单应变色编一个JS格式的代码实现以上功能，谁能帮帮我，贵求，编的好还有追 主菜单条显示一级栏目，子菜单显示二级栏目当鼠标移动到主菜单条上时，应显示其子菜单。

objaclickfunction 给触发按钮绑定点击事件，也就是鼠标点击触发按钮后执行的动作 objshowanimate#39width#39left + #39px#39， time 把左边栏的宽度设置为原来的宽度并显示出来， 根据设定的时间。

下面代码就是你要的效果！具体样式再根据你的需要进行修改就可以lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot quotREChtml40124loosedtdquot ltHTML xmlns=。

这是我曾经写的一个二级菜单的代码，你copy下，看看是不是你要的效果，如果满意请给我分吧谢谢 制作横向菜单 div*隐藏层* display a *文字链接的背影样式* fontsize13pxcolor #fffff。

没有必要去自己写，除非你是专门做web前台的可以去下载一个叫做“春天网页菜单”的软件，专门用来生成导航菜单的，里面有你说的那种效果当然自己写的话可以用楼上说的jquery的show函数或者动画函数来实现。

6移进去后，就可以看到有文字显示出来，提示鼠标已经移进来了7鼠标移出后，也有对应的提示我们的代码正确运行了当然实际情况下，我们可以在鼠标移进去时显示一个窗口，图片等等鼠标移出后，再隐藏掉这些内容逻辑。

这个箭头就是CSS3做的，需要现代浏览器支持鼠标移动上去就是hover 伪类样式控制的左右滑动需要JS支持demo547811e4973600163e001348。

根据你的代码修改了一下，html你没有给，是我自己想象的结构，不知道是不是你想要的结果lt！doctype html Document ul width 100px height 30px liststyle。