<!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" />
<title>无标题文档</title>
<script src="js/jquery-1.4.2.js"  language="javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
 $(".frist li").mouseover(function(){
var index=$(this).index();
$(this).toggleClass("hf_Selected").siblings().removeClass("hf_Selected");
$(".softone").hide();
$(".softone:eq("+index+")").show();
   }).css({"cursor":"hand"});
   $(".second li").mouseover(function(){
var index=$(this).index();
$(this).toggleClass("hf_Selected").siblings().removeClass("hf_Selected");
$(".softtwo").hide();
$(".softtwo:eq("+index+")").show();
   }).css({"cursor":"hand"});
   $(".third li").mouseover(function(){
var index=$(this).index();
$(this).toggleClass("hf_Selected").siblings().removeClass("hf_Selected");
$(".softthree").hide();
$(".softthree:eq("+index+")").show();
   }).css({"cursor":"hand"});
    $(".fourth li").mouseover(function(){
var index=$(this).index();
$(this).toggleClass("hf_Selected").siblings().removeClass("hf_Selected");
$(".softfour").hide();
$(".softfour:eq("+index+")").show();
   }).css({"cursor":"hand"});
$(".five li").mouseover(function(){
var index=$(this).index();
$(this).toggleClass("hf_Selected").siblings().removeClass("hf_Selected");
$(".softfive").hide();
$(".softfive:eq("+index+")").show();
   }).css({"cursor":"hand"});
$(".six li").mouseover(function(){
var index=$(this).index();
$(this).toggleClass("hf_Selected").siblings().removeClass("hf_Selected");
$(".softsix").hide();
$(".softsix:eq("+index+")").show();
   }).css({"cursor":"hand"});
   })
</script>
<link href="css/soft.css" rel="stylesheet" type="text/css" />
</head><body>
<div class="midCnt">
  <div class="topbg">
    <ul class="change_ul frist">
      <li class="hf_Selected">鸿发专用</li>
      <li>办公软件</li>
    </ul>
  </div>
  <div class="midbg">
    <div class="hor10"></div>
    <div class="softall softone"> 1 </div>
    <div class="softall softone"  style="display:none;"> 2 </div>
  </div>
</div>
</body>
</html>