html5菜单左右滑动效果,html5 js手机版可横向滑动拖动的菜单

html5菜单左右滑动效果,html5 js手机版可横向滑动拖动的菜单

手机上当横向菜单项太多，而又想让它在一行内显示完，不如试一下如下效果。将代码直接写成html文件即可查看演示效果。

content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

/*navslider*/

#headermenu { overflow: hidden;position: relative }

.headerNav { height: 40px; background-color: rgb(255, 255, 255); border-bottom: solid 1px #ddd; }

.navTitle { height: 40px; float: left; width: 33.3%; position: relative; width:auto;padding:0px 10px}

.navTitle span { padding: 0px 2px; height: 38px; line-height: 38px; display: inline-block; width: auto; vertical-align: middle; font-size: 14px;}

.nav_select > span { color: #ed145b; border-bottom: solid #ed145b 2px; }

.menu_shad