thunder://QUFodHRwOi8vYWlrYW5keS5vcmcvOC3lppnlkbPor77loILljp/liJvjgJBKYXZhU2NyaXB05LiT6aKY6K++56iL6KeG6aKR44CR5bCB6KOF6Ieq5bex55qESlPlupPvvJpWUXVlcnktNC5hdmk/ZmlkPWlwWTNDS2FhOE9lamlEbGh6N3gwbHZwQlQ4b0FBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUEmbWlkPTY2NiZ0aHJlc2hvbGQ9MTUwJnRpZD1FNTFERDdCQzAxQTkyODJCQTc3RUMxQzNCRUIzQ0JGNyZzcmNpZD0xMjAmdmVybm89MVpa
你要的是这个吧,满意的话记得采纳哦><
这是个JS选项卡的内容,应该很简单的你看看如下的代码,或者复制下来运行一下,我因为上传文件失败,只有复制黏贴上来了
望采纳
<!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/htmlcharset=utf-8" />
<title>选项卡布局 - 妙味课堂 -www.miaov.com</title>
<style type="text/css">
* { padding: 0margin: 0}
li { list-style: none}
img { border: none}
body { margin-top: 50pxfont-size: 12pxbackground: #f0fcff} #tab { width: 490pxmargin: 0 autoposition: relativebackground: url(images/tab_bg.gif) repeat-y -490px 0} #tab .adorn1 { position: absolutetop: 0left: 0width: 490pxheight: 6pxoverflow: hiddenbackground: url(images/tab_bg.gif) no-repeatz-index: 1} #tab .adorn2 { width: 490pxheight: 6pxoverflow: hiddenbackground: url(images/tab_bg.gif) no-repeat -980px 0z-index: 1}
#tab .nav { position: relativez-index: 2}
#tab .nav ul { width: 484pxheight: 44pxborder-left: 1px solid #d4d4d4background: url(images/nav_bg.gif) repeat-x 0 -44px}
#tab .nav li { float: leftheight: 44pxline-height: 44pxfont-family: arialborder-right: 1px solid #d4d4d4}
#tab .nav li a { float: leftheight: 44pxtext-decoration: nonecolor: #999padding: 0 20px}
#tab .nav li a:hover { background: url(images/nav_bg.gif) repeat-x 0 0}
#tab .nav .active { background: url(images/nav_bg.gif) repeat-x 0 -88px}
#tab .nav .active a { background: url(images/ico.gif) no-repeat center bottomcolor: #333font-weight: bold}
#tab .nav .active a:hover { background: url(images/ico.gif) no-repeat center bottom}
#tab .more { font-family: "宋体"position: absolutetop: 16pxright: 20pxcolor: #999text-decoration: none}
#tab .more:hover { text-decoration: underlinefont-weight: boldright: 18px}
#tab .content { position: relativez-index: 2width: 484pxoverflow: hiddenmargin-left: 1px}
#tab .box { width: 444pxpadding: 20pxoverflow: hiddendisplay: none} #tab .pic { padding: 7px 0 0 7pxwidth: 189pxheight: 115pxbackground: url(images/pic_bg.jpg) no-repeatfloat: left}
#tab .pic_list { float: rightwidth: 232pxpadding-left: 16pxdisplay: inline-block}
#tab .pic_list li { width: 232pxfloat: leftfont-family: arialline-height: 18pxmargin-bottom: 4px}
#tab .pic_list h2 { width: 232pxfont-size: 12pxheight: 18pxbackground: url(images/line.gif) repeat-x 0 8px}
#tab .pic_list h2 a { height: 18pxtext-decoration: nonecolor: #333font-weight: boldbackground: #fffpadding-right: 5pxfloat: left}
#tab .pic_list h2 a:hover { text-decoration: underlinecolor:#D31A05}
#tab .pic_list h2 span { height: 18pxcolor: #999float: rightbackground: #fffpadding-left: 5px}
#tab .pic_list p { color: #999word-spacing: 10px}
</style>
<script type="text/javascript">
window.onload=function()
{
var oTab=document.getElementById('tab')
var aLi=getByClass(oTab, 'nav')[0].getElementsByTagName('li')
var aA=oTab.getElementsByTagName('ul')[0].getElementsByTagName('a')
var aDiv=getByClass(oTab, 'box')
var i=0
aDiv[0].style.display='block'
for(i=0i<aLi.lengthi++)
{
aLi[i].index=i
aLi[i].onclick=function()
{
for(i=0i<aLi.lengthi++)
{
aLi[i].className=''
aDiv[i].style.display='none'
}
this.className='active'
aDiv[this.index].style.display='block'
}
aA[i].onfocus=function(){this.blur()}
}
}
function getByClass(oParent, sClassName)
{
var aElm=oParent.getElementsByTagName('*')
var aArr=[]
for(var i=0i<aElm.lengthi++)
{
if(aElm[i].className==sClassName)
{
aArr.push(aElm[i])
}
}
return aArr
}
</script>
</head>
<body>
<div id="tab">
<div class="nav">
<ul>
<li class="active"><a href="#">妙味课堂</a></li>
<li><a href="#">妙味茶馆</a></li>
<li><a href="#">精通JavaScript开发课程</a></li>
</ul>
<a class="more" href="http://bbs.miaov.com">>>更多</a>
</div>
<div class="content">
<div class="box" style="display:block">
<div class="pic"><a href="http://www.miaov.com"><img src="images/1.jpg" alt="妙味课堂" /></a></div>
<ul class="pic_list">
<li>
<h2>
<a href="http://bbs.miaov.com/viewthread.php?tid=104&extra=page%3D1">妙味课堂周六聚会活动现场</a>
<span>Blue</span>
</h2>
<p>点击:223 2011.3.22</p>
</li>
<li>
<h2>
<a href="http://bbs.miaov.com/viewthread.php?tid=126&extra=page%3D1">课程常见问题合集</a>
<span>Leo</span>
</h2>
<p>点击:122 2011.4.1</p>
</li>
<li>
<h2>
<a href="http://bbs.miaov.com/viewthread.php?tid=78&extra=page%3D1">妙味课堂JS课程结课标准</a>
<span>Blue</span>
</h2>
<p>点击:345 2011.3.30</p>
</li>
</ul>
</div>
<div class="box">
<div class="pic"><a href="http://www.miaov.com"><img src="images/2.jpg" alt="妙味课堂" /></a></div>
<ul class="pic_list">
<li>
<h2>
<a href="http://bbs.miaov.com/forumdisplay.php?fid=2">妙味课堂-JS视频教程</a>
<span>Blue</span>
</h2>
<p>点击:1123 2011.4.1</p>
</li>
<li>
<h2>
<a href="http://bbs.miaov.com/forumdisplay.php?fid=3">妙味生活秀</a>
<span>Leo</span>
</h2>
<p>点击:2223 2011.4.1</p>
</li>
<li>
<h2>
<a href="http://bbs.miaov.com/forumdisplay.php?fid=4">妙味课堂-特效兜儿</a>
<span>Blue</span>
</h2>
<p>点击:22112 2011.4.1</p>
</li>
</ul>
</div>
<div class="box">
<div class="pic"><a href="http://www.miaov.com"><img src="images/3.jpg" alt="妙味课堂" /></a></div>
<ul class="pic_list">
<li>
<h2>
<a href="http://www.miaov.com/course.html.php">妙味课堂-课程列表</a>
<span>miaov</span>
</h2>
<p>点击:923 2011.4.1</p>
</li>
<li>
<h2>
<a href="http://www.miaov.com/course_detail_1.html.php">精通JavaScript开发课程</a>
<span>Blue</span>
</h2>
<p>点击:2223 2011.4.1</p>
</li>
<li>
<h2>
<a href="http://www.miaov.com/course_detail_2.html.php">高级页面架构师精品课程</a>
<span>Leo</span>
</h2>
<p>点击:2223 2011.4.1</p>
</li>
<li>
<h2>
<a href="http://www.miaov.com/course_detail_3.html.php">零基础网页制作精品课程</a>
<span>Leo</span>
</h2>
<p>点击:4223 2011.4.1</p>
</li>
</ul>
</div>
</div>
<div class="adorn1"></div>
<div class="adorn2"></div>
</div>
</body>
</html>
1-妙味课堂原创JavaScript视频教程——JS基础教程1种子下载地址:thunder://QUFodHRwOi8vYWlrYW5keS5vcmcvMS3lppnlkbPor77loILljp/liJtKYXZhU2NyaXB06KeG6aKR5pWZ56iL4oCU4oCUSlPln7rnoYDmlZnnqIsxLmF2aT9maWQ9c3J2UHlnOFJyNkpUUFZIUWhlc1Z3VXlZQ3A0QUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQSZtaWQ9NjY2JnRocmVzaG9sZD0xNTAmdGlkPUU1MUREN0JDMDFBOTI4MkJBNzdFQzFDM0JFQjNDQkY3JnNyY2lkPTEyMCZ2ZXJubz0xWlo=
麻烦选为满意答案,谢谢!