2 mayan968237 mayan968237 于 2017.01.05 02:15 提问

导航栏,左右箭头,可以点击左右箭头

由于数据多导航栏溢出,所以求个左右可以滑动的按钮。
比如有7个导航栏。页面大小只能显示5个。默认显示12345导航。点击右侧按钮显示23456导航。再点击左侧按钮显示12345导航。就这个意思。。

2个回答

Zhanjr
Zhanjr   2017.01.05 08:56

导航栏1-7依次排序,下标为0-6,下标0-4格式设为显示,5-6设为隐藏
js函数,取左面第一个导航的下标index。
判断index,如果index=0则点左按钮没效果,index=2则点右按钮没效果。
实现函数,左按钮的话设置下标index+4的格式为隐藏,设置下标index-1的格式为显示。
右按钮设置下标index-1的格式为显示,下标index+4的格式为隐藏。

showbo
showbo   Ds   Rxr 2017.01.05 09:03

easyui的tabs有此功能。。超过tab容器后出现左右箭头移动tab。。

http://www.jeasyui.com/demo/main/index.php?plugin=Tabs&theme=default&dir=ltr&pitem=Basic

看“Tabs Tools”示例,添加多个tab后超过容器就会出现你要的效果,可以配置tabWidth定义tab宽度

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!