jQuery选项卡js选项卡

<script type="text/javascript" src="/js/grey.gif" data-original="js/jquery-1.3.1.min.js"></script><script type="text/javascript">$(document).ready(function() {    $('#tabMenu li').click(function(){           if (!$(this).hasClass('selected')) {                      $('#tabMenu li').removeClass('selected');           $(this).addClass('selected');            $('.boxBody p.parent').slideUp('1500');           $('.boxBody p.parent:eq(' + $('#tabMenu > li').index(this) + ')').slideDown('1500');     }      }).mouseover(function() {      $(this).addClass('mouseover');    $(this).removeClass('mouseout');         }).mouseout(function() {           $(this).addClass('mouseout');    $(this).removeClass('mouseover');          });  $('.boxBody #category li').click(function(){       window.location = $(this).children().attr('href');  }).mouseover(function() {       $(this).css('backgroundColor','#888');    $(this).children().animate({paddingLeft:"20px"}, {queue:false, duration:300});  }).mouseout(function() {            $(this).css('backgroundColor','');    $(this).children().animate({paddingLeft:"0"}, {queue:false, duration:300});  });    $('#.boxBody li').click(function(){    window.location = $(this).children().attr('href');  }).mouseover(function() {    $(this).css('backgroundColor','#888');  }).mouseout(function() {    $(this).css('backgroundColor','');  });  });</script>

<style>body{font-family:arial;font-size:10px;color:#ccc;background-color:#555}a {color:#ccc;text-decoration:none;}a:hover {color:#ccc;text-decoration:none}#tabMenu {margin:0;padding:0 0 0 15px;list-style:none;}#tabMenu li {float:left;height:32px;width:39px;cursor:pointer;cursor:hand}li.comments {background:url(images/tabComment.png) no-repeat 0 -32px;}li.posts {background:url(images/tabStar.png) no-repeat 0 -32px;}li.category {background:url(images/tabFolder.png) no-repeat 0 -32px;}li.famous {background:url(images/tabHeart.png) no-repeat 0 -32px;}li.random {background:url(images/tabRandom.png) no-repeat 0 -32px;}li.mouseover {background-position:0 0;}li.mouseout {background-position:0 -32px;}li.selected {background-position:0 0;}.box {width:227px}.boxTop {background:url(images/boxTop.png) no-repeat;height:11px;clear:both}.boxBody {background-color:#282828;}.boxBottom {background:url(images/boxBottom.png) no-repeat;height:11px;}.boxBody p.parent {display:none;}.boxBody p.show {display:block;}.boxBody p ul {margin:0 10px 0 25px;padding:0;width:190px;list-style-image:url(images/arrow.gif)}.boxBody p li {border-bottom:1px dotted #8e8e8e; padding:4px 0;cursor:hand;cursor:pointer}.boxBody p ul li.last {border-bottom:none}.boxBody p li span {font-size:8px;font-style:italic; color:#888;}</style>

<p class="box"><ul id="tabMenu">  <li class="posts selected"></li>  <li class="comments"></li>  <li class="category"></li>  <li class="famous"></li>  <li class="random"></li></ul><p class="boxTop"></p><p class="boxBody">    <p id="posts" class="show parent">    <ul>      <li><a href="https://www.huwz.com/403.html">网站建设 HTML5 常用的几个标签</a></li>      <li><a href="https://www.huwz.com/91.html">网页设计5个原则</a></li>      <li><a href="https://www.huwz.com/409.html">thinkphp更新教程</a></li>      <li><a href="https://www.huwz.com/410.html">西安很工作室和网站建设公司都在用thinkphp3.2.2</a></li>      <li><a href="https://www.huwz.com/405.html">西安网站建设中的 css3 动画</a></li>      <li class="last">虎网科技-孙鑫</li>    </ul>    </p>      <p id="comments" class="parent">    <ul>     <li><a href="https://www.huwz.com/408.html">怎么修改网站背景色-虎网科技网站建设小知识</a></li>      <li><a href="https://www.huwz.com/407.html">西安网站建设教您网站seo</a></li>      <li><a href="https://www.huwz.com/382.html">好的网站才能吸引住客户的眼球</a></li>      <li><a href="https://www.huwz.com/398.html">虎网科技高端定制响应式网站建设</a></li>      <li><a href="https://www.huwz.com/400.html">服务器备案,主机备案,vps备案,虚拟主机备案</a></li>      <li class="last">虎网科技-孙鑫</li>    </ul>  </p>    <p id="category" class="parent">    <ul>      <li><a href="http://www.queness.com/tag/ajax">ajax</a></li>      <li><a href="http://www.queness.com/tag/css-html">css-html</a></li>      <li><a href="http://www.queness.com/tag/freebies">freebies</a></li>      <li><a href="http://www.queness.com/tag/icon">icon</a></li>      <li><a href="http://www.queness.com/tag/inspiration">inspiration</a></li>      <li><a href="http://www.queness.com/tag/javascript">javascript</a></li>      <li><a href="http://www.queness.com/tag/logo">logo</a></li>      <li><a href="http://www.queness.com/tag/photography">photography</a></li>      <li><a href="http://www.queness.com/tag/photoshop">photoshop</a></li>      <li><a href="http://www.queness.com/tag/php">php</a></li>      <li><a href="http://www.queness.com/tag/seo">seo</a></li>      <li><a href="http://www.queness.com/tag/tutorial">tutorial</a></li>      <li><a href="http://www.queness.com/tag/usability">usability</a></li>      <li><a href="http://www.queness.com/tag/wallpaper">wallpaper</a></li>      <li class="last"><a href="http://www.queness.com/tag/wordpress">wordpress</a></li>    </ul>    </p>    <p id="famous" class="parent">    <ul>      <li>简单的jQuery模态窗口教程</li>      <li>创建一个简单的CSS + Javascript jQuery工具提示</li>      <li>导航列表菜单+ Jquery动画效果教程</li>      <li class="last">虎网科技-孙鑫</li>    </ul>    </p>    <p id="random" class="parent">    <ul>      <li>50个单色网站设计</li>      <li>案例:网页设计中的面包屑和较佳实践</li>      <li>简单的JQuery模态窗口教程</li>      <li>导航列表菜单+ Jquery动画效果教程</li>      <li>创建一个简单的CSS + Javascript jQuery工具提示</li>    </ul>      </p>        </p><p class="boxBottom"></p></p>

巴厘岛能住酒店吗国内旅游(巴厘岛能住酒店吗国内旅游攻略)

    中国去巴厘岛多少钱？ 一周3000-6000具体情况如下 巴厘岛整体消费水平不算贵，只要不去金巴兰沙滩，平时一天吃饭也就在50-100之间，吃海鲜也就在200-300左右。巴厘岛的住宿有贵的、便宜的、一般的，基本上便宜和一般的住宿价格在150-300元/晚。从国内到巴厘岛的机票一般来回是在3000-4000左右，打出租车的价格跟国内出租车价格差不多；也可以选择包车，包车十小时差不多人民币200-3...

       手机端网页制作的常规思路有哪些 如今提到手机端网页制作已经不像过去那么神秘，由于技术的普及，很多人都会知道怎么做。不过对于外行人来说依旧不清楚，那么手机端网页制作的常规思路有哪些呢？需要注意什么呢？下面就来谈谈这个问题。 手机端网页制作的常规思路有哪些 　　不论是pc还是手机端网页，图片是吸引人眼球的一个条件，在做手机网站的时候，要看清晰度和大小，不要上传上去的图片是模糊不清，本身手机的话屏幕比电脑的要小，要是图片不清楚就没法看...

       删格设计解决网站布局乱的问题 网页设计中的脏、乱、差，是我们在设计过程中常会遇到的问题。通常脏是由于对色彩使用不当所产生的，而色彩使用不当产生的不好效果也分为：花、灰，花哨、灰头土脸也就是这里所说的脏。而差 基本上是由于我们的技法上不够娴熟所产生的。比如细节上的处理不到位，某个局部的效果制作得粗糙。这可以称之为差，特别是在处理带有2D效果的设计作品时，这种情况常会出现。但是我们虎网网络今天在本文中所要谈的是乱。 　　什么是乱?...

       福田云联金融服务同虎网科技签署网站建设合约 云联在深圳市福田区车公庙皇冠科技园1栋C1303。云联选用虎网站经济型入门级网站案例，其功能比较简单的程序，广告单图(无动漫)，页面较简单，适合小微企业产品展示型网站。云联是经深圳市福田区工商局审核的有资质公司，统一社会信用代码：9144030039844783XT。 　　伯斯特資本集團是由中國香港資深金融專家創辦，總部設立于英國，主營業務為房地產基金、基礎設施基金及財務顧問三項業務，旨在打造'中...

       网站建设如何才能“活起来” 网站建设对企业来说有哪些用处呢，一般有很多未建设网站的客户可能感觉网站没有多少用，有一些建设了网站的用户也仅仅只是拥有一个网站，但是并没有把网站运营起来，发挥出网站应有的作用。 公司要想根据网站赋予公司使用价值，塑造企业形象，必须在官网的基础设施和制作环境上有目的性，这样企业网站才能充分发挥其使用价值。如何通过建设让网站“活”起来？具体要怎么做，接下来就跟小编一起来看一看吧~ 开发和设计适当的程...

       深圳龙华仁爱园林植物和虎网科技签订网站建设条款 仁爱位于深圳市龙华新区民治街道民康路东明大厦602。仁爱是经深圳市龙华新区工商局审核的有资质公司，统一社会信用代码：91440300MA5EKW1B16。同时经国家工信部和广东省通信管理局审核通过ICP备案；备案号：粤ICP备17154370号。仁爱选用虎网站响应式自适应网站案例，此类案例是当今新潮流的网站程序，他除了具备商务型所有功能外，他的特点在于能自动识别互联网和移动网终端设备，既能适用在电...