用CSS控制的下拉菜单，在各个浏览器中表现的不够完美，最佳的方法是使用jQuery来制作，代码如下，加了一个缓动的效果HTML部分 菜单零 菜单一 子菜单 子菜单 子菜单 子菜单 子菜单 子菜单。

这个说来话来，但只要你知道原理就很简单了，做得好不好看是样式的问题了请看如下调用jquery的j显示子菜单的代码quot#menu_2quothoverfunction quotsub_menu_2quotshow，function *这里就是out事件* quotsub_menu_2quothide剩下的就是样式的问题了。

lt！DOCTYPE HTML白菜编辑部$ documentready function $ quotlimexpandedspanquotclick function $ thissiblings quotulquottoggle。

3添加一个jquery库，放在body开始和结束的适合的位置即可 documentreadyfunction ‘ulnavigation li’hoverfunction thisfind‘ulfirst’slideDown200显示二级菜单，括号中的数字表示下拉菜单完全显示出来需要200毫秒thisaddClass“hover”，function。

一功能描述利用jQuery ztree31版本插件做导航树形菜单时，页面打开先加载二级菜单，通过点击事件，异步加载的方式，在添加当前父节点的子节点二初始步骤1按照文档要求，导入jquery包，ztree插件包31版本2编写相应的jsp页面代码 三遇到问题1通过chrome调试的时候，提示addNodes不是。

3制作下拉菜单有2种方法使用jquery方法实现实现方法首先需要引入jquery的版本，引用toggle的方法，点击当前的一级导航用this方法来进行当前包含的二级菜单隐藏与显示4通过代码select设置一个下拉列表菜单，option设计下拉菜单下面的值来达成效果5首先需要打开自己电脑上的DW软件，新建一个。

工具栏Toolbar一般用于header，footer和utility bar，他们遍及一个移动页面和程序，所以jQuery Mobile提供了一系列标准的工具栏和导航工具 来涵盖大部分常见情况AD头结构 header通常是页面顶部包含页面标题文字和可选按钮以及定位到左侧和或右导航的工具条标题文本通常是一个H1标题元素，但它可以。

jQuery下拉滑动切换导航条基于jquery183minjs制作，鼠标经过一级菜单下拉显示二级菜单，鼠标上下移动可以滑动切换二级菜单。

先要做好 jQuery 的导航，实现静态显示，然后 dedechannelartlist typeid=#393，5#39dedefield name=#39typename#39上一级栏目dedechannel type=#39son#39 noself=#39yes#39fieldtypenamededechannellt！ 这里我们加一个横线，区分2个不同栏目的调用效果 dedechannelartlist调用。

而appendChild不是jquery的方法，而是javascript原生的方法append和appendChild的关系是其实几乎一样，append就是调用appendChild实现的，只是在append前，做一个简单判断下面贴下jquery的源代码append function return thisdomManiparguments， true， function elem if thisnodeType。

所有的搜索引擎都会忽略 CSS 和 Javscript它们不会考虑你的网页在外观上是如何布局的所以使用 Javascript 或 CSS 不会影响 SEO你要考虑的是在禁用 CSS 和 Javascript 的情况下什么在前面，什么在后面比如外观上导航在最上面，接下来是主要内容，但HTML中主要内容是先写在前面，而导航在后面。

2你可以通过EXTJS来进行界面生成，这样你所有的节点都很好处理，相对而言，比较直观，符合二叉树的特点 3通过元素来查找节点，然后对节点进行超链接赋予 其实超链接是一个点击跳转事件，所以可以通过JS实现超链接这里提供一个我比较熟悉的做法利用JQUERY，使用一个$quotclassquotclick就可以获取。

又一个基于jquery的框架，开发的界面功能都很丰富 jQueryMiniUI快速开发WebUI 它能缩短开发时间，减少代码量，使开发者更专注于业务和服务端，轻松实现界面开发，带来绝佳的用户体验 使用MiniUI，开发者可以快速创建Ajax无刷新BS快速录入数据CRUDMasterDetail菜单工具栏弹出面板布局导航数据验证分。

lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 StrictENquot quotDTDxhtml1strictdtdquot 纯CSS的下拉菜单 支持IE6 IE7 Firefox margin0padding0 menufontsize12pxpositionrelativezindex100 menu ulliststyle。

jQuerymenuaim二级菜单的切换如Amazon主页上一样迅速 AnythingZoomer放大镜功能 美化高亮语法代码 googlecodeprettify DlHighlight仅支持JavaScriptCSSXMLHTML这4语法高亮 please按要求随机舒服的颜色 Awesomplete输入的智能提示，自动补全 proTip提示感觉比Bootstrap的tip好 Hammerjs手势库封装了Swipe，Tap，Pin。