JQuery UI菜单改为横向
JQuery UI的菜单原本是纵向排列的，我们需要改其的源代码以显示为横向排列
具体是修改jquery-ui.css这个文件，添加以下内容：
.ui-menu:after {
content: ".";
visibility:
line-height: 0;
height: 0;
.ui-menu .ui-menu-item {
display: inline-
margin: 0;
padding: 0;
即可显示横向菜单关于jQuery UI 使用心得及技巧_jquery
1 jQuery UI 2 为我所用 　　2.1 Tabs 　　2.2 Accordion 　　　　2.2.1 使用基本的Accordion 　　　　2.2.2 实现打开多个标签 　　　　2.2.3 Accordion的嵌套 3 给插件应用——Theme Roller 　　3.1 更改配色 　　3.2 更改图标 4 相关连接 jQuery UI 有时你仅仅是为了实现一个渐变的动画效果而不得不把javascrip 重新学习一遍然后书写大量代码。直到jQuery的出现，让人员从一大堆繁琐的js代码中解脱，取而代之几行jQuery代码。现今，jQuery无疑已成为最为流行没有之一的JavaScript类库。 　　而jQuery UI 则是在jQuery 基础上开发的一套界面工具，几乎包括了网页上你所能想到和用到的插件以及动画特效，让一个毫无艺术感只知道码字的码农不费吹灰之力就可以做出令人炫目的界面。让你在做界面的时候随便‘拿来'就用，还有一点就是，它是免费开源的，用户可根据需要自定义甚至重新设计。 2 为我所用 　　下面以Tabs和Accordion插件来看看如何在项目中使用jQuery UI。其他插件的详尽使用及演示在这里可以学习到，只不过是英文的。 　　2.1Tabs 　　Tabs 形式的插件在网页及桌面应用程序中都使用得相当广泛，可以用作菜单，也可做为一小部分内容的选项卡 首先在VS2010新建一个MVC项目，要使用jQuery UI,首先要把jQuery及jQuery UI 脚本文件包含在项目当中，并且相关页面要用&script&标签进行引用。当我们创建好一个MVC项目后，在Scripts文件夹里，系统已经自动把jQuery及jQuery UI 脚本文件包含在项目当中了（如图1）。 图 1 　　注释：图中jquery-1.5.1-vsdoc.js为包含完整提示注释的版本，在VS里编写代码时会有智能地显示提示信息及注释；jquery-1.5.1.js为标准版本；带min的为压缩精简后的版本，为的是在客户端减少下载时间。一般页面中我们会使用精简的版本，只要项目文件夹包含jquery-1.5.1-vsdoc.js，VS会自动调用里面的提示信息。 　　现在需要做的就是在页面将它包含进来。由于创建好项目后，系统在Site.Mater页面中已经将jQuery引用到页面，这意味着所有使用了母版页的页面都默认引用了jQuery,所以我们在index页面只需要添加对是jQuery UI文件的声明：
复制代码 代码如下:
&script src="http://www.cnblogs.com/Scripts/jquery-ui-1.8.11.min.js" type="text/javascript" &&/script& 为了在页面上呈现Tabs插件，我们需要定义一个Div，并且在&script&脚本代码里面选中它，在它身上应用tabs方法。
复制代码 代码如下:
&div id="tabs"& &/div& &script type="text/javascript"& $(document).ready(function () { $("#tabs").tabs(); }) &/script&
现在运行程序不会看到任何东西，因为我们还没有往主体Div中定义要显示的tab,只是定义好了一个可以放tabs的地方。现在tabs Div中定义一个无序，列表项决定了要显示的标签个数及要显示的标签名称。
复制代码 代码如下:
&div id="tabs"& &ul& &li&&a href="#tabs-1"&Tabs1&/a&&/li& &li&&a href="#tabs-2"&Tabs2&/a&&/li& &li&&a href="#tabs-3"&Tabs3&/a&&/li& &/ul& &div id="tabs-1"& &p&content of tab one&/p& &/div& &div id="tabs-2"& &p&content of tab two&/p& &/div& &div id="tabs-3"& &p&content of tab three&/p& &/div& &/div&
这里定义3个列表项，名称分别为Tabs1、Tabs2、Tabs3，列表下方的三个Div对应着上面定义的三个标签，用来呈现每个标签里面要显示的正文。页面部分基本完工。运行程序：
　　值得注意的是，进行到这一步并没有出现图0中的效果，tabs样式没有应用上。原因只可能有一个，那就是样式表。后来谷歌一下果然是没有把相应的样式表包含到页面。这在官方的Demo里也没有提及，也没给出相应的注意，我觉得这里Demo不该省略点如果重要的一句代码的，不一定每个第一次使用jQuery UI人都能快速找到问题。对于每一个新手，在进行到这一步都需要去谷歌一下为什么效果没出来。找到问题后解决起来就很简单了。在页面里加上对jQuery UI 样式表的引用。
最后完整的代码大概是这样的。
复制代码 代码如下:
&link href="http://www.jb51.net/Content/themes/base/jquery.ui.all."type="text/css"rel="stylesheet"/& &script src="http://www.jb51.net/Scripts/jquery-ui-1.8.11.min.js" type="text/javascript"&&/script& &div id="tabs"& &ul& &li&&a href="#tabs-1"&Tabs1&/a&&/li& &li&&a href="#tabs-2"&Tabs2&/a&&/li& &li&&a href="#tabs-3"&Tabs3&/a&&/li& &/ul& &div id="tabs-1"& &p&content of tab one&/p& &/div& &div id="tabs-2"& &p&content of tab two&/p& &/div& &div id="tabs-3"& &p&content of tab three&/p& &/div& &/div& &script type="text/javascript"& $(document).ready(function () { $("#tabs").tabs(); }) &/script&
由于是用的MVC模板生成的项目，所以在Content/themes/base文件夹里已经放入了jQuery UI的CSS样式表，如果没有，你需要单独下载然后放到项目中，并在页面正确引用。
　　现在再来刷新一下页面，效果就出来了。
　　既然是用样式表控制的，代表着我们可以随意对它进行自定义，换颜色等，这在后面的应用样式 里介绍。
　　2.2Accordion
　　对于Accordion控件就有一些东西需要说的了。因为对于一个东西，如果它不够灵活，不易扩展，会给使用者带来很大的不便。
　　　　2.2.1使用基本的Accordion
　　先来看一下如何将Accordion插件应用起来。我们将它放到我们的Tabs1页面里。同Tabs一样，应用起来也非常的简单，只需把相应的Div定义好，之后，在脚本总要所要做的工作也就是一句代码的事。是不是体验到了jQuery UI所带来的便捷了。
　　将之前tabs-1 Div 中的&P&标签及内容删除掉，用如下的代码替换。
复制代码 代码如下:
&div id="tabs-1"& &div id="accordion"& &h3& &a href="#"&Section 1&/a&&/h3& &div& &p&content of section 1&/p& &/div& &h3& &a href="#"&Section 2&/a&&/h3& &div& &p&content of section 2&/p& &/div& &h3& &a href="#"&Section 3&/a&&/h3& &div& &p&content of section 3&/p& &/div& &/div& &/div&
其中id为accordion的外围Div是容器，在脚本代码里面选中它然后对它应用accordion方法。
复制代码 代码如下:
&script type="text/javascript"& $(document).ready(function () { $("#tabs").tabs(); $("#accordion").accordion(); }) &/script&
之后，里面的每个&a&标签就会被解析成一个可以点击的标题，&a&标签后紧跟&div&用于放置本小块的内容。最后效果如下图。
　　需要注意的地方有两点。一是样式，每个jQuery UI其实都用了在上面说的那个样式表，如果先前没将它引用进页面，这里的Accordion效果也是不会出来的。二是这里的格式需要严格按照一个&a&标签然后跟一个&div&标签的形式，这样的交叉形式如果被打乱，呈现出来的结果将是你所不愿意扯的。比如你在&a&跟两个&div&：
复制代码 代码如下:
&div id="accordion"& &h3& &a href="#"&Section 1&/a&&/h3& &div& &p&content of section 1.1&/p& &/div& &div& &p&content of section 1.2&/p& &/div& &h3& &a href="#"&Section 2&/a&&/h3& &div& &p&content of section 2&/p& &/div& &h3& &a href="#"&Section 3&/a&&/h3& &div& &p&content of section 3&/p& &/div& &/div&
你原本以为 这两个div会被包在第一个secion里面，但其实真实的效果会是有点离谱的：
　　是不是有点坑爹。那如果我需要在section里进行布局，非要放两个Div或者更多呢。那就必需把这些内容装到一个div中再放到section1里面，这样就不会出错了。为了显示出确实是放了两个Div，给每个Div加上边框。
复制代码 代码如下:
&div id="accordion"& &h3& &a href="#"&Section 1&/a&&/h3& &div& &div style="border: 1px solid gray"& &p&content of section 1.1&/p& &/div& &div style="border: 1px solid gray"& &p&content of section 1.2&/p& &/div& &/div& &h3& &a href="#"&Section 2&/a&&/h3& &div& &p&content of section 2&/p& &/div& &h3& &a href="#"&Section 3&/a&&/h3& &div& &p&content of section 3&/p& &/div&
　　　　2.2.2实现打开多个标签
　　jQuery UI Accordion最大的一个硬伤也是最让人蛋疼的特性就是同时只能打开一个标签，比如Section1被点开了，其他Secton必然处于闭合状态。如果我想实现同时有几个标签处于打开状态呢，并且我不希望打开的标签因为我点击了另外的标签而关闭掉。很遗憾，这个插件并不有提供相应的Option。更牛逼的是，在官方的Demo中明确说了，如果你非要让多个标签同时处于打开状态，那你就不要用我们的Accordion好了，爱用啥用啥，反正我们就是要让它只支持一个标签被打开。
　　好吧，我还没强大到可以重写这个Accordion插件，于是我谷歌“expander”” multi open accordion”之类的，确实还是有很多朋友是有这样的需求的，并且也有牛人给出了一些解决方法，但都有点复杂。最后的最后，我突然顿悟，把每个section都定义成accordion不就行了嘛。一个acction同时只能打开一个secton，如果我想要每个section都可任意打开关闭而不影响别的部分，那把每个section用accordion代替就好了，并且accordion里只定义一个section。
　　说起来有点晕，下面修改之前的代码，定义id分别为accordion1,accordion2,accordion3三个div并放入相应内容:
复制代码 代码如下:
&div id="tabs-1"& &div id="accordion1"& &h3&&a href="#"&Section 1&/a&&/h3& &div&content of section 1&/div& &/div& &div id="accordion2"& &h3&&a href="#"&Section 2&/a&&/h3& &div&content of section 2&/div& &/div& &div id="accordion3"& &h3&&a href="#"&Section 3&/a&&/h3& &div&content of section 3&/div& &/div& &/div&
然后修改脚本代码：
复制代码 代码如下:
&script type="text/javascript"& $(document).ready(function () { $("#tabs").tabs(); $("#accordion1").accordion(); $("#accordion2").accordion(); $("#accordion3").accordion(); }) &/script&
运行程序，发现三个secton同时打开了，并且还不能关闭！这显然也不是我们想要的结果。原因很简单，如果上面所说的accordion这个插件有且仅有一个section是被打开的，每个accordion里我们只定义了一个section，那这个section毫无疑问应该处于被打开状态，由于只有它一个，把它关闭了之后没有其他section可以打开，所以索性我们想关它都关不掉了。 　　但幸运的是，我们可以通过设置accordion的collapsible为true来让这个唯一的section可以进行折叠打开操作。只需修改脚本如下：
复制代码 代码如下:
&script type="text/javascript"& $(document).ready(function () { $("#tabs").tabs(); $("#accordion1").accordion({ collapsible: true }); $("#accordion2").accordion({ collapsible: true }); $("#accordion3").accordion({ collapsible: true }); }) &/script&
再次运行程序，Okay，一切如我们所想的那样。
　　　　2.2.3Accordion的嵌套
　　还有个问题就是accordion的嵌套。一开始我在尝试去实现这个功能时也是遇到了些麻烦的。
　　比如现在我们要在section 1里面想再放一个accordion，给它取名为subaccordion吧，需要注意的地方就是 这个subaccordion一定要放在“content of section1”这个Div中，其他任何形式的摆放都不会出现正确的效果。如果你觉得直接在Accordion 1里面加一个&a&标签再加一个&div&，就会正确地在Section1里面解析出一个内嵌于Accortion1的Accordion，那你就错了。最后的代码及效果如下。
复制代码 代码如下:
&div id="tabs-1"& &div id="accordion1"& &h3&&a href="#"&Section 1&/a&&/h3& &div& &div id="subaccortion"& &h3&&a href="#"&subaccortion&/a&&/h3& &div&content of subaccortion&/div& &/div& &/div& &/div& &div id="accordion2"& ........
　　有点不完美的地方就是Section1出现了滚动条，下面我们设置一下高度属性并且让里面那个子accortion一开始处于折叠状态。
修改脚本代码如下：
复制代码 代码如下:
&script type="text/javascript"& $(document).ready(function () { $("#tabs").tabs(); $("#accordion1").accordion({ collapsible: true, autoHeight: false }); $("#subaccortion").accordion({ collapsible: true, active:false }); $("#accordion2").accordion({ collapsible: true, autoHeight: false }); $("#accordion3").accordion({ collapsible: true, autoHeight: false }); }) &/script&
　　从这里你已经可以看到，可以设置任意一个标签一开始是处于折叠还是打开状态。当然也可以将一个accortion disable掉，那样点击标题就不会有折叠打开动作了。
3 给插件应用主题——Theme Roller　　3.1更改配色
　　现在，我们是可以方便地使用jQuery UI 做出界面了。但试想，那么多人如果都在用，会不会把整个互联网搞得千篇一律，用户一打开浏览器走到哪里看到的都是同一个东西，会不会有点摸不着北。并且我们也需要在使用这些插件的时候进行一些调整以符合我们自己网站的主题，色调等。
　　jQuery UI支持用户定义样式，你甚至可以更改实现代码来进行更高级的自定义，如果你有能力的话。
　　你可以修改相应的css文件以达到修改样式的目的，但这不如到官网的主题网站去下载自己需要的主题，并且还可以在线编辑出自己想要的主题。
　　进入theme roller后，选择自己喜欢的主题样式下载下来。
　　解压后进行到css文件夹，将jquery-ui-1.8.24.custom.css文件和images文件夹复制到项目中适当位置，然后需要在页面正确地引用到，便可将样式应用上。不管你应用什么主题，主题所使用的图片名字都是一样的，只是颜色不一样而以。由于本例是用MVC模板生成的项目，所以项目中的imges文件夹中已经存在的图片和下载下来的图片可能部分重名，复制时询问是否替换，点击确实即可。
　　这时把之前写的样式表引用改成对这个customer样式表的引用
复制代码 代码如下:
&link href="http://www.jb51.net/Content/themes/base/jquery-ui-1.8.24.custom.css" type="text/css" rel="stylesheet" /&
然后去刷新页面，效果如下图：
　　需要注意的是jquery-ui-1.8.24.custom.css与images文件夹的相对位置最好不要改变，也就是把它们两个放一起，因为css文件中会调用images文件夹中的图片，如果你改变了他们的相对位置，就需要到css中把所有对图片的调用路径通通改正确后才能使主题正常工作。
　　3.2更改图标
　　不仅仅是颜色，jQuery UI的主题里面，也为我们预设了很多图标可供选择，在网页上我们可以看到有一大堆丰富的图标。这些图标的颜色对应你所下载的主题，包含在了imges文件夹中。
　　问题是在这么多图标中如何准确指定我们想要的那一个。比如现在想把Accordion标题左边的三角形图标改成线条形的尖角形状。
　　下面只是个人提供的一个小技巧。将鼠标指到你想要的图标身上，会出现tooltip提示文本，这个文字就对应这个图标。
　　现在我们得到这个名字后，就可以到脚本代码里去进行修改了。
复制代码 代码如下:
&script type="text/javascript"& $(document).ready(function () { $("#tabs").tabs(); $("#accordion1").accordion({ collapsible: true, autoHeight: false, icons: { "header": "ui-icon-carat-1-n", "headerSelected": "ui-icon-carat-1-s" } }); $("#subaccortion").accordion({ collapsible: true, active:false , icons: { "header": "ui-icon-carat-1-n", "headerSelected": "ui-icon-carat-1-s" } }); $("#accordion2").accordion({ collapsible: true, autoHeight: false , icons: { "header": "ui-icon-carat-1-n", "headerSelected": "ui-icon-carat-1-s" } }); $("#accordion3").accordion({ collapsible: true, autoHeight: false, icons: { "header": "ui-icon-carat-1-n", "headerSelected": "ui-icon-carat-1-s" } }); }) &/script&
最后来看下效果,perfect.
　　到这里基本介绍了jQuery UI的使用过程。当然，jQuery UI不只包含tabs和accordion 这两个插件，其他的插件及效果的使用也相差不多，详尽的使用及设置方法都可以在官方的文档及Demo中找到答案。
后记：因为jQuery已经火得一塌糊涂了,如果再结合jQuery UI，将更大程度上减轻程序员的负担。在享受这些便利的同时，我们不得不默默地内心要感谢一下那些为jQuery及UI做出奉献的同行们，同时我们也能尽我们自己的一分力量，来丰富扩展jQuery的插件及UI库。
例子源码下载：http://xiazai.jb51.net/201210/yuanma/jQueryUIExample_jb51.rar 相关连接 jQuery UI 官网 http://jqueryui.com/ theme roller http://jqueryui.com/themeroller/ jQuery 学习：张子秋《从零开始学习jQuery》系列： http://www.jb51.net/article/24908.htm用户对问题“如何使jQuery UI导航菜单水平？”的回答 - 问答 - 云+社区 - 腾讯云云+社区首页如何使jQuery UI导航菜单水平？CSS：.ui-menu { list-style: padding: 2 margin: 0; display: outline: }
.ui-menu .ui-menu { margin-top: -3 position: }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2 height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: display: padding: 2px .4 line-height: 1.5; zoom: 1; font-weight: }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: margin: -1 }
.ui-menu .ui-state-disabled { font-weight: margin: .4em 0 .2 line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: }
写回答邀请回答如何使jQuery UI导航菜单水平？写回答从下载jquery ui css捆绑文件在文档的头部，放置包含所有内容的jquery ui css文件（&link type=&text/css& href=&css/jquery-ui.css& rel=&stylesheet& /&
&link type=&text/css& href=&css/jquery.ui.menubar.css& rel=&stylesheet& /&
然后在最后，有：&script type=&text/javascript& src=&js/jquery-1.8.2.min.js&&&/script&
&script type=&text/javascript& src=&js/jquery-ui-1.9.0.custom.min.js&&&/script&
&script type=&text/javascript& src=&js/menubar/jquery.ui.menubar.js&&&/script&
菜单栏CSS文件：.ui-menubar { list-style: margin: 0; padding-left: 0; }
.ui-menubar-item { float: }
.ui-menubar .ui-button { float: font-weight: border-top-width: 0 ! border-bottom-width: 0 ! margin: 0; outline: }
.ui-menubar .ui-menubar-link { border-right: 1p border-left: 1p }
.ui-menubar .ui-menu { width: 200 position: z-index: 9999; font-weight: }
可以像这个例子一样简单地调用menubar（）：$(&#menu&).menubar({
autoExpand: true,
menuIcon: true,
buttons: true,
select: select
热门问答目前主流的文字识别方法都差不多。主要分为两个模块，一个模块定位文字位置，另外一个模块针对定位后的文字进行识别。
看看多强大哈哈！文字定位后截取的图片
文字识别使用CTC(Connectionist Temporal Classification)技术在语音识别里很常用，...... 用户画像的标签有以下几个维度：
1、自然特征/基本属性
如性别、年龄、体形、地域、职业、教育程度等
2、消费特征/购买能力：如婚否、收入、车、房、孩子、购物类型、品牌偏好、信用水平、购买周期等
3、社会特征/行为特征：如婚姻状况、家庭构成、社交偏好、信息渠道等
4、兴趣特征/心理...... 如果想将腾讯云提供的Demo换成自己的服务器，可以做以下步骤。
1. 搭建 &webrtc-room& 的服务器
1.1 这个服务器能做什么？
点击demo里的互动课堂 &webrtc-room& 功能，您会看到一个房间列表，这个房间列表是怎么实现的呢？
在看到视频房间列表以后，...... 虚拟化技术是指计算元件在虚拟的基础上而不是真实的基础上运行，它可以扩大硬件的容量，简化软件的重新配置过程，减少软件虚拟机相关开销和支持更广泛的操作系统方面。通过虚拟化技术可实现软件应用与底层硬件相隔离，它包括将单个资源划分成多个虚拟资源的裂分模式，也包括将多个资源整合成一个虚拟资...... 1、对称加密算法
所谓对称，就是采用这种加密方法的双方使用方式用同样的密钥进行加密和解密。密钥是控制加密及解密过程的指令。算法是一组规则，规定如何进行加密和解密。
常用的算法有：DES、3DES、AES等。
全称为Data Encryption Standard，即...... 微软 CEO Nadella 其实在之前谈到了微软在过去几年中如何成为 GitHub 上最活跃的组织，提交了超过 200 万次的项目 commits 和 updates ，并表示微软正在全身心地投入开源。
但是这样也并不能让开发者重拾对微软的信心
因为 从始至终，微软对开源的嫉...... 扫描二维码扫描关注云+社区热门分类： |
精致的jQuery UI水平滑杆区间选值插件
文章来源：未知 作者:jdpyou 时间: 访问: 下载次数：
一款外观非常精致的jQuery UI水平滑杆区间选值插件，基于jQuery UI设计出来的东西就是美观，而且在拖动滑杆选取数值的时候有一个齿轮动画效果。
分享给朋友：&>&jQueryUI横向导航栏
jQueryUI横向导航栏
上传大小：115KB
插件描述：基于jQueryUI的三级菜单导航栏，横向全屏，蓝色商务风格，简约大方。我们公司正在用这个插件。
综合评分：5
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, data.com_username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click", '.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有3条
简约大方，在top位置显示几个大图标按钮，可有子菜单
有用，感谢分享
希望不错！
VIP会员动态
热门资源标签
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
输入下载码
为了良好体验，不建议使用迅雷下载
jQueryUI横向导航栏
会员到期时间：
剩余下载个数：
剩余积分：0
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
为了良好体验，不建议使用迅雷下载
无法举报自己的资源
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可返还被扣除的积分
被举报人：
请选择类型
资源无法下载 （ 404页面、下载失败、资源本身问题）
资源无法使用 （文件损坏、内容缺失、题文不符）
侵犯版权资源 （侵犯公司或个人版权）
虚假资源 （恶意欺诈、刷分资源）
含色情、危害国家安全内容
含广告、木马病毒资源
*投诉人姓名：
*投诉人联系方式：
*版权证明：
*详细原因：
jQueryUI横向导航栏}