2011-06-14 95 views
0

是一个初学者,编写一个界面,使用html创建一个动态菜单(级联),javascript & css3基于服务器给出的菜单项。遇到这种情况的最佳方法是什么?等待你的价值输入。谢谢你们。动态菜单使用HTML,CSS和JavaScript

回答

0

定义菜单,也许ul-li列表菜单中div或定义div层次来匹配您的菜单中的水平和定义样式的div并添加JavaScript或jQuery来的股利或UL标识。认为这是你需要的。

+0

怎么样只是使用CSS ... – 2012-07-15 23:57:56

0

你应该确保你的菜单只使用css来开始使用:hover psuedo属性。一旦你有它的CSS工作只有那么你会开始启用.js幻灯片等动画好。

如果你做之前使用的.js确保它与CSS的作品,你会产生不非的.js环境

工作菜单

的标准方法是:

ul 
li 
    div 
li 
    div 
    ul 
    li 
    div 
    /ul 
    /div 
/ul 

和CSS :

.menu li:hover > div {display:block} 

这意味着,当你将鼠标悬停在李它会显示在div只要你按住鼠标在包含DIV它西港岛线显示(允许你包含悬停在​​李埃尔将再次显示condined的div)

它不像我所示的那么简单,但这是一般理论。创建一个嵌套的菜单是适度棘手的工作跨浏览器(注意边距,填充和浮锚 - 有时他们可能会导致轻微的差距,这将导致试图菜单项...之间移动时,菜单消失)