如何把导航设置成左右滑动？ 悬赏11元 已结束
<p><!-- 头部 start --><br><div class="header"><br><div class="top"><br><a class="logo" href="/"></a><br><div class="search"><br><form id="frm_search" class="search-box" name="frm_search" action="/search.php" method="post" onsubmit="return search_submit();"><br><input type="hidden" name="show" value="title"><br><input value="输入关键词" onFocus="this.value=''" id="keyboard" name="searchword" class="search-text" type="text" size="60"><br><button class="search-submit" onclick="return search_submit();" type="image"></button><br></form><br></div><br></div><br><div class="meau"><br><ul><br><li><a href="/">首页1</a></li><br><li><a href="/">首页2</a></li><br><li><a href="/">首页3</a></li><br><li><a href="/">首页4</a></li><br><li><a href="/">首页5</a></li><br><li><a href="/">首页6</a></li><br></ul><br></div><br></div></p><p>-----------------</p><p></p><p>上面是我的头部代码，我想修改为演示：<a href="https://www.jq22.com/demo/jQueryHdNav201710101934/" target="_blank" data-url="www.jq22.com" class="show-5118-data" rel="nofollow">https://www.jq22.com/demo/jQueryHdNav201710101934/</a> （第3种导航模式应该如何修改呢）</p><p><br></p><p>想要的效果是：</p><p><br></p><p><br></p><p>比较懂的大哥，能不能详细帮忙CSS，js，都帮我搞上去，没用的CSS帮我删除掉。我怕放到网站去会冲突。万分感谢啦！</p>
<style>
/滑动样式-----------------/
.menu {position:relative;height:3rem;width:100%;overflow:hidden;margin:0 auto;border-bottom:1px solid #ccc}
.menu .scroller {position:absolute}
.menu .scroller li {display:block;height:3rem;color:#333;float:left;line-height:3rem;font-size:}
.menu .scroller li a{color:#333;display:block;margin:0 .3rem;font-size:}
.menu .scroller li {color:#1cbb9b;height: solid #1cbb9b}
</style>
<div class="menu" id="retr">
<div class="scroller">
<ul>
<li><a href="#">全部科目</a></li>
<li><a href="#">会计从业</a></li>
<li><a href="#" class="cur">会计职称</a></li>
<li><a href="#">注会</a></li>
<li><a href="#">税务师</a></li>
<li><a href="#">国际证书</a></li>
<li><a href="#">更多注会</a></li>
<li><a href="#">国际证书2</a></li>
<li><a href="#">更多4</a></li>
<li><a href="#">更多5</a></li>
</ul>
</div>
</div>
<script src="jquery/"></script>
<script type="text/javascript" src="JS/"></script>
<script type="text/javascript" src="js/"></script>
<script type="text/javascript">
$(function(){
$('.menu').navbarscroll();
});
</script>
$(function(){
$('.menu').navbarscroll();
});
我也是进来学习的
你这个直接网上搜一大堆
进来学下一下的，哈哈
进来学习学习的
这是前端的问题啊
把这条代码插入到标签中就可以模仿出那个样式
.meau{
overflow:hidden;}
.meau ul li{
float:left;
padding:20px;}
.meau li a{
text-decoration:none;
color:#000;}
.meau li a:hover{
color:#3FC;
border-bottom:4px #00CCCC solid;}
优秀，优秀。加油加油
楼下回复一下这个问题
