头像

大气HTML5手机网站右侧导航下拉菜单JS特效代码

来源:http://www.daimasucai.com/menu/7.html 代码素材管理员 2016-08-28浏览()

大气HTML5手机网站右侧导航下拉菜单JS特效代码,不错的JS菜单特效,支持二级菜单显示已经返回,界面还不错,有个缺点,离开菜单的时候不自动隐藏,这样更人性化,会的同学可以改造下,挺不错的手机网站导航。

程序员,你不是一个人;网站开发QQ群:543107534  在线充值,或联系QQ 692521105直接充值

大气HTML5手机网站右侧导航下拉菜单JS特效代码
分类:首页>>网页特效>>菜单导航 阅读次数:
查看演示 下载次数: 92

手机扫码访问:

下载资源 下载积分: 0

<header class="header">

<a href="/" class="logo"><img src="images/logo.png" alt="代码素材"></a>

<a href="/" class="search"><span>目的地搜索</span></a>

<a href="/" class="user-icon"><span>用户中心</span></a>

<div id="dl-menu" class="dl-menuwrapper">

<button id="dl-menu-button">Open Menu</button>

<ul class="dl-menu">

<li><a href="/">首页</a></li>

<li><a href="/js">网页特效</a></li>

<li><a href="/template">网站模板</a></li>

<li><a href="/php">PHP/Mysql</a></li>

<li><a href="/web">网页素材</a></li>

<li>

<a href="Line">自由行</a>

<ul class="dl-submenu">

<li class="dl-back"><a href="#">返回上一级</a></li>

<li><a href="/">线路</a></li>

<li><a href="/">签证</a></li>

<li><a href="/">门票</a></li>

</ul>

</li>

</ul>

</div>

</header>

声明:本文为原创文章,如需转载,请注明来源daimasucai.com并保留原文链接:http://www.daimasucai.com/menu/7.html
如果您觉得本文的内容对您的学习有所帮助,您可以扫描下面的二维码请我喝杯茶,感谢!
alipay转账 alipay转账 扫扫加qq群

评论(0)


温馨提示:为规范评论内容,垃圾评论一律封号...

后面还有条评论,点击查看>>