使用方法：

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引入部分

<!--學歷提升優勢開始-->
<div class="superiority">
	<div class="title">
			<h4>熱門院校專業詳情</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>計算機<br/>管理</a></li>
                    <li  onclick="interactive.openGreatBear('0', '')" aos="zoom-in"><a >市場<br/>營銷</a></li>
                    <li  onclick="interactive.openGreatBear('0', '')" aos="zoom-in"><a>商務<br/>管理</a></li>
                    <li  onclick="interactive.openGreatBear('0', '')" aos="zoom-in"><a >工商<br/>管理</a></li>
                </ul>
            </div>
            <div class="supertext">
            	<div class="supert"><p>相對其他專業通過率較高,簡單好考，管理崗位必修課程，就業面廣,專本連讀少花一半精力</p></div>
                <div class="supert"><p>工作穩定，就業機會多,晉升路線清晰，越老越吃香薪酬可觀，職業地位高</p></div>
                <div class="supert"><p>薪資較高, 職業發展比較可控, 崗位選擇性多</p></div>
                <div class="supert"><p>考試科目少，適合上班族,沒有數理科目，簡單好學，考證快,萬金油專業，對口各大主流行業</p></div>
                <div class="supert"><p>職業地位高，實用性強，通過率高，簡單好學習，公務員對口。</p></div>
                <div class="supert"><p>實用性強，簡單好學，考證快考試科目少，適合上班族</p></div>
            </div>
         <div class="superbut">
            	<div class="superbtn" onClick="interactive.openGreatBear('0', '')" ><a>一鍵獲取學歷提升方案</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則自動切換，其他任意數字則不自動切換
	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);
		//鼠標懸停暫停切換
		$('.superli').mouseover(function(){
			clearInterval(tabChange);
		});
		$('.superli').mouseout(function(){
			tabChange = setInterval(autotab,3000);
		});
	  }
});	
</script>
<!--學歷提升優勢結束-->