使用方法：

1、head引入css文件

<link type="text/css" href="css/style.css" rel="stylesheet" />

2、head引入js文件

<script src="js/jquery.min.js"></script>

3、body引入部分

<!--學(xué)歷提升優(yōu)勢開始-->
<div class="superiority">
	<div class="title">
			<h4>熱門院校專業(yè)詳情</h4>
		</div>
	<div class="super_text">
 
        <div class="super_content">
        	<div class="superli">
            	<ul>
                	<li  onclick="interactive.openGreatBear('0', '')" aos="zoom-in"><a>行政<br/>管理</a></li>
                    <li  onclick="interactive.openGreatBear('0', '')" aos="zoom-in"><a>法律</a></li>
                    <li  onclick="interactive.openGreatBear('0', '')" aos="zoom-in"><a>計(jì)算機(jī)<br/>管理</a></li>
                    <li  onclick="interactive.openGreatBear('0', '')" aos="zoom-in"><a >市場<br/>營銷</a></li>
                    <li  onclick="interactive.openGreatBear('0', '')" aos="zoom-in"><a>商務(wù)<br/>管理</a></li>
                    <li  onclick="interactive.openGreatBear('0', '')" aos="zoom-in"><a >工商<br/>管理</a></li>
                </ul>
            </div>
            <div class="supertext">
            	<div class="supert"><p>相對其他專業(yè)通過率較高,簡單好考，管理崗位必修課程，就業(yè)面廣,專本連讀少花一半精力</p></div>
                <div class="supert"><p>工作穩(wěn)定，就業(yè)機(jī)會(huì)多,晉升路線清晰，越老越吃香薪酬可觀，職業(yè)地位高</p></div>
                <div class="supert"><p>薪資較高, 職業(yè)發(fā)展比較可控, 崗位選擇性多</p></div>
                <div class="supert"><p>考試科目少，適合上班族,沒有數(shù)理科目，簡單好學(xué)，考證快,萬金油專業(yè)，對口各大主流行業(yè)</p></div>
                <div class="supert"><p>職業(yè)地位高，實(shí)用性強(qiáng)，通過率高，簡單好學(xué)習(xí)，公務(wù)員對口。</p></div>
                <div class="supert"><p>實(shí)用性強(qiáng)，簡單好學(xué)，考證快考試科目少，適合上班族</p></div>
            </div>
         <div class="superbut">
            	<div class="superbtn" onClick="interactive.openGreatBear('0', '')" ><a>一鍵獲取學(xué)歷提升方案</a></div>
            </div>
        </div>
		
    </div>
	   
</div>
	

<div class="imgWrap_k">
	<div class="imgWrap">
		<div class="outer"></div>
		<div class="inner"></div>
		<div class="small"></div>
		<span class="img"></span>
	</div>
</div>
	

<script type="text/javascript">
$(function(){
	$(".superli ul li").mouseover(function(){
		$(this).addClass('superhover').siblings().removeClass('superhover');
		var index = $(this).index();
		number = index;
		$('.supert').hide();
		$('.supert:eq('+index+')').show();
	});
	
	var auto = 1;  //等于1則自動(dòng)切換，其他任意數(shù)字則不自動(dòng)切換
	if(auto ==1){
		var number = 0;
		var maxNumber = $('.superli ul li').length;
		function autotab(){
			number++;
			number == maxNumber? number = 0 : number;
			$('.superli ul li:eq('+number+')').addClass('superhover').siblings().removeClass('superhover');
			$('.supert:eq('+number+')').show().siblings().hide();
		}
		var tabChange = setInterval(autotab,3000);
		//鼠標(biāo)懸停暫停切換
		$('.superli').mouseover(function(){
			clearInterval(tabChange);
		});
		$('.superli').mouseout(function(){
			tabChange = setInterval(autotab,3000);
		});
	  }
});	
</script>
<!--學(xué)歷提升優(yōu)勢結(jié)束-->