求教一个JS切换的问题，TAB切换的，代码是我从其他网页上摘录下来的，但不晓得那里要改？ 200
求教一个JS切换的问题，TAB切换的，代码是我从其他网页上摘录下来的，但不晓得那里要改，麻烦高手帮助看一下。页面的源文件发不了。。。超出字符限制。源文件，我用另外一个号回...
求教一个JS切换的问题，TAB切换的，代码是我从其他网页上摘录下来的，但不晓得那里要改，麻烦高手帮助看一下。
页面的源文件发不了。。。超出字符限制。源文件，我用另外一个号回答了，有劳高人下载看一下，感谢。 展开
页面的源文件发不了。。。超出字符限制。源文件，我用另外一个号回答了，有劳高人下载看一下，感谢。 展开
4个回答
展开全部
专门下了你发的文档，就一句话，新手就不要用这种写的这么复杂(乱七八糟)的代码，你拿到后地看很久都不一定看得懂，换套代码吧
——————————————
不如我给你说个简单的方法吧，你搜bootstrap，这是别人打包好的样式，包括菜单按钮等各种样式，你直接套用它的就行。
bootstrap在前端开发里被很多人所使用，甚至有公司要求用这个，而且熟悉后能节省开发时间
你用这个就行了。
——————————————
不如我给你说个简单的方法吧，你搜bootstrap，这是别人打包好的样式，包括菜单按钮等各种样式，你直接套用它的就行。
bootstrap在前端开发里被很多人所使用，甚至有公司要求用这个，而且熟悉后能节省开发时间
你用这个就行了。
追问
因为是仿站，所以得做成一样的。噢。感谢，如果能帮我改一下就好了。
追答
仿站啊 这事我不能帮你
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你看看。。。。。。。。。。。。。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>TAB</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script>
$(function(){
$(".tab-title>li").bind('click',function(){
if($(this).hasClass('on')) return ;
$(this).siblings('.on').removeClass('on');
$(this).addClass('on');
$(".tab-content>div.current").removeClass('current');
$(".tab-content>div").eq($(this).index()).addClass('current');
})
})
</script>
<style>
#right .slide-box { margin-bottom: 15px; }
#right .slide-box li{ background-color: #fafafa; line-height: 20px; display: block; padding: 5px; }
#right .slide-box a:hover { background-color: #fcfcfc; color: #169FE6; }
#right .slide-box h3 { padding: 5px 10px; font-size: 14px; font-weight: normal; border-left: 5px solid #169FE6; color: #FFF; background-color: #4C4C4C; }
#right .sb-border { border: 1px solid #E3E3E3; border-top: none; }
#right .post-items img { width: 80px; height: 60px; float: left; margin-right: 10px; padding: 2px; border: 1px solid #e3e3e3; background-color: #fff; }
#right .post-items span { display: block; }
#right .post-items .publish { color: #999; }
#right .post-items a { height: 65px;background-color: #fafafa;
line-height: 16px;
display: block;
padding: 10px; }
#right .sb-tab .tab-title { border-bottom: 4px solid #169FE6; float: left; width: 100%; }
#right .sb-tab .tab-title li { cursor: pointer; display: inline-block; float: left; background-color: #4C4C4C; padding: 5px 8px; color: #FFF; margin-right: 5px;line-height:16px; }
#right .sb_wt{height: 60px!important;}
#right .sb-tab .tab-title .on { background-color: #169FE6; }
#right .sb-tab .panel { display: none; }
#right .sb-tab .current { display: block; }
</style>
<body>
<div id="right">
<div class="slide-box sb-tab" id="sb_panel">
<ul class="tab-title">
<li class="on">随机文章</li>
<li>热评文章</li>
<li>热门文章 </li>
<li>最新文章</li>
</ul>
<div class="tab-content">
<div class="panel post-items current">
<a href="#">111111111111111111</a>
<a href="#">111111111111111111</a>
<a href="#">111111111111111111</a>
<a href="#">111111111111111111</a>
</div>
<div class="panel post-items">
<a href="#">2222222222222</a>
<a href="#">2222222222222</a>
<a href="#">2222222222222</a>
<a href="#">2222222222222</a>
<a href="#">2222222222222</a>
</div>
<div class="panel post-items">
<a href="#">33333333333333</a>
<a href="#">33333333333333</a>
<a href="#">33333333333333</a>
<a href="#">33333333333333</a>
<a href="#">33333333333333</a>
</div>
<div class="panel post-items">
<a href="#">4444444444444</a>
<a href="#">4444444444444</a>
<a href="#">4444444444444</a>
<a href="#">4444444444444</a>
<a href="#">4444444444444</a>
</div>
</div>
</div>
</div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
代码没有任何问题.只需要引入jquery就行了。
另外必须引入jquery1.9版本,引入更高版本的jquery需要更改一个地方,如下
a.browser.msie改成a.support.msie
另外,楼下说这是些乱七八糟的代码？
说话能负点责人？
并不是所有人都和你一样只会用别人的东西
另外必须引入jquery1.9版本,引入更高版本的jquery需要更改一个地方,如下
a.browser.msie改成a.support.msie
另外,楼下说这是些乱七八糟的代码？
说话能负点责人？
并不是所有人都和你一样只会用别人的东西
来自：求助得到的回答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
