深圳网站建设分享：实用的jQuery导航菜单插件责任编辑 :李飞    文章来源 :星翼创想(www.iswweb.com)    发布时间 :2015-11-10    阅读次数:2700

Trunk.js是一款非常实用的轻量级响应式跨平台的jQuery导航菜单插件。该插件会根据viewport的大小来重置导航菜单。在大屏幕设备中，导航菜单以常规的水平菜单展示，在移动手机等小屏幕设备中，它会将菜单转换为侧边栏隐藏菜单。

使用方法

使用该响应式导航菜单插件需要引入jQuery、trunk.js和trunk.css文件。

HTML结构

在移动手机等小屏幕设置中，默认只会在头部显示一个汉堡包图标，它的HTML结构如下：

导航菜单的HTML结构如下：

<nav class="slide">   <ul>     <li><a href="#" class="active">HOME</a></li>     <li文章转载请保留网址：http://www.iswweb.com/news/solutions/1539.html 上一篇：深圳网站建设分享：利用Google Analytics做好网站数据分析 下一篇：关于“知乎”的这些，你知道吗？ 推荐文章 营销型网站和品牌型网站有哪些区别和特点2013-04-22 签约深圳汇游市场营销策划有限公司网站建设...2011-01-19 【诚聘】深圳网站建设销售代表2012-07-03 企业网站打包下载失败原因解析2015-01-01 签约深圳安泰信达科技有限公司网站建设协议2011-02-24 签约深圳百年大福酒业公司网站设计与网站制...2011-12-22 酒店网站页面设计一些需要注意的地方2015-04-19 与you-tech签订深圳网站制作和网站...2011-04-27 祝贺深圳富康达网站建设项目完成并正式上线2013-03-22 签约阿米巴成功咨询网站建设及论坛建设项目2012-11-08 最新文章 广告设计网站制作怎么做2023-03-12 高端网站建设需要考虑哪些方面2023-03-10 深圳网站设计公司对如何制作外贸网站进行分...2023-03-09 深圳网站建设领域需要重视的几个发展趋势2023-03-08 网站建设费用为什么不同2023-03-07 10大网站设计错误，足以毁掉你的网站2023-03-06 做好企业门户网站建设的必备技巧有哪些？2023-02-24 企业网站建设的优势究竟在哪里?2023-02-23 深圳网站建设公司的一些实用网站设计建议2023-02-22 中小企业网站建设注意事项是什么2023-02-21 在线QQ咨询 二维码