能发下8-妙味课堂原创【JavaScript专题课程视频】封装自己的JS库:VQuery-4的种子或下载链接么?

JavaScript015

能发下8-妙味课堂原创【JavaScript专题课程视频】封装自己的JS库:VQuery-4的种子或下载链接么?,第1张

8-妙味课堂原创【JavaScript专题课程视频】封装自己的JS库:VQuery-4种子下载地址:

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=

麻烦选为满意答案,谢谢!