嗨,我正在使用引导程序3来开发新的CMS,我希望菜单的每一侧都有2个按钮“ <<”和“ >>”,单击该按钮将使菜单滑动!!!

对不起我的英语不好! 这是我的代码:

<div class=" navbar navbar-inverse navbar-static-top">
    <div class="container">

        <a href="index.php"><img src="assets/img/logo2.png" class="navbar-brand"><small class="navbar-brand"> Compagnie Tunisienne De Meubles</small></a>
        <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
<div class="collapse navbar-collapse navHeaderCollapse">
                <ul class="nav navbar-nav navbar-right">
                <li ><a href="#"><span class="glyphicon-home-2"></span>Acceuil</a></li>
                    <li class="divider-vertical"></li>
                 <li ><a href="#"><span class="glyphicon-industrial-building"></span>Société</a></li>             
                     <li class="divider-vertical"></li>
                <li class="dropdown" >
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                  <span class="glyphicon-glass-1"></span> Nos Produits <b class="caret"></b>
                     </a>
                     <ul class="dropdown-menu" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus">
                        <li><a href="#" >Coffres Forts</a></li>
                        <li><a href="#" >Mobiliers Métalliques</a></li>
                        <li><a href="#" >Rayonnages</a></li>
                        <li><a href="#" >Mobiliers Hospitaliers</a></li>
                        <li><a href="#" >Portes</a></li>
                        <li><a href="#" >Des produits de la poste</a></li>
                        <li><a href="#" >La sous traitance</a></li>
                        <li><a href="#" >Divers</a></li>

                        </ul>
                </li>               
                <li class="dropdown" >
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                   <span class="glyphicon-globe-6"></span> Nos Références <b class="caret"></b>
                     </a>
                     <ul class="dropdown-menu">
                        <li><a href="#" >Références en Tunisie</a></li>
                        <li><a href="#" >Références à l'étranger</a></li>
                        </ul>
                </li> 
                <li><a href="#"><span class="glyphicon-newspaper-1"></span>News</a></li>  
                <li ><a href="#"><span class="glyphicon-location-6"></span>Contact</a></li>                
                </ul>

            </div>
    </div>
</div>
</div>

===============>>#1 票数:0

左右滑动菜单

接受的答案包括演示(在jsfiddle上有完整的代码)请参见。.您可以根据需要放置事物。

如果您不知道CSS。请不要在这里问问,只需学习CSS http://www.w3schools.com/css/default.asp,然后在学习定位后,如果您尝试实施并陷入特定的实施/技术更好地欢迎您

  ask by user3552832 translate from so

未解决问题?本站智能推荐:

1回复

jQuery幻灯片菜单新手

今天一直在学习jQuery并且设法使自己成为幻灯片菜单,我只是想知道是否有一种方法可以使代码更加简化? http://jsfiddle.net/jkuVG/2/ 似乎在jsfiddle中不起作用? 但是当您单击关于我的项目时,项目等将显示在下方。 可以将其缩短以减少css或j
2回复

jQuery / CSS-滑出菜单(固定标题)

我试图提出一种使用固定标题导航菜单的创新方法,并且遇到了一个网站,该网站对我来说非常合适: http : //ishothim.com/ 是否有人对如何模仿此菜单有一些见识? 通常,只需将鼠标悬停在滑出菜单上的按钮即可。 我想我只会像这样离开它,而不是像本网站一样向下滚动时会显示完整的
2回复

jQuery Onclick菜单幻灯片

我有以下正在运行的菜单: https://jsfiddle.net/5g111cyx/ 当然,这是业余版本。 我需要自动添加或删除菜单的代码来处理div菜单,而不必每次都更改此代码: 我将如何以一种简单而有效的方式进行处理?
1回复

jQuery自定义幻灯片标题菜单

我想做的如下: 我在页面顶部有一个标题栏。 看起来像这样: 标题:管理员[客户] [报告] 该html是: 都很好用CSS样式,好吧。 因此很明显,可以看到活跃的人,看不到隐藏的人。 我要单击活动窗口,然后淡入并显示隐藏的窗口,到目前为止,我已经设法做到了,然后,
1回复

Facebook应用程序幻灯片菜单

我正在尝试创建一个类似于Facebook应用程序的幻灯片菜单,我可以使显示/隐藏菜单正常工作,但是,我被菜单本身的触摸滚动功能所困扰。 在我尝试过的3个解决方案中,它们都有问题,这些问题可以总结如下: CSS触摸滚动 旧版iOS不支持单指滚动 jsFiddle上的CSS触摸
1回复

菜单子面板中的移动幻灯片切换不起作用

H,我一直在研究以下移动汉堡菜单,尽管它在缩小的小窗口中可以在桌面视图上使用,但在实际的移动屏幕上却无法使用。 菜单滑入视图后,菜单项在单击时不会显示子菜单项。 slideToggle在移动设备上不起作用可能是什么问题? 先感谢您! HTML: jQuery:
1回复

尝试使用幻灯片菜单创建应用程序,并使用app-UI创建JSON列表

预先感谢您的帮助,对我的英语不好,我深表歉意。 我正在尝试使用jquery移动ios设备创建PhoneGap应用程序。 由于从json导入数据时数据幻灯片转换中的问题太多,因此结果不错,但非常慢。 使用的样式是带有滑动效果的侧面菜单的样式http://jquerymobile.com/de
1回复

jQuery使用水平幻灯片/动画显示内容

我有一个小菜单,看起来像这样: 菜单位于div内,并在div的右侧浮动。 当我将鼠标悬停在“ Item1”上时,我希望将“子菜单”滑到“ Item1”项的左侧。 我只想在该功能上使用“ Item1”。 我已经搜索了。 我发现一些示例1可能可以配置为按我想要的方式工作
2回复

关闭时滑动菜单会堆积文本

我有一个滑动菜单: @font-face { font-family: ErasBold; src: url('fonts/erasbd.TTF'); /* Chrome, Opera, Firefox */ } @font-face{ font-family: ErasDemi
1回复

如何制作一个水平导航菜单,该菜单在悬停时显示子菜单项并使用jquery在主导航上方滑动?

我希望它像我的网站一样从右下方围绕我的主导航菜单向上滑动。 jefflewisdesign.com我知道该站点在Flash中处于关闭状态,但我知道可以在jquery中进行导航。 谢谢。 到目前为止,这就是我的情况。