jQuery文字列表切換代碼



73 289 97



特效描述:jQuery 文字列表切換代碼,jQuery文字列表切換代碼

代碼結構

1. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>

2. HTML代碼

<div class="expertbox">
	<div class="it_expert">
		<p class="it_expertp1">專家推薦</p>
		<p class="it_expertp2">
			<span id="it_awewe" class="it_awewe">
				<a href="#" class="it_expertspan1" id="previous2"> < </a>
				<a href="#" class="it_expertspan2" id="next2"> > </a>
			</span>
		</p>
	</div>
	<div class="it_expert3">
		<div id="hot_ranks2">  
			<ul class="current" style="display: block;">  
				<li>
					<div class="it_expertxt">
						<p class="it_expertit">11111111[2015-06-05]</p>
						<p class="it_experconter">招商外包,就是指企企業把招商的所有事情都可以外包給招商快車公司營好自身的核心業務,渠道建設交給招商快車,包括如下9點:渠道盈利模型、產品組合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">2222221[2015-06-05]</p>
						<p class="it_experconter">招商外包企業把招商的所有事情都可以外包給招商快車公司,企業只需要集中力量經營好自身的核心業務,渠道建設交給招商快車,包括如下9點:渠道盈利模型、產品組合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">3333333331[2015-06-05]</p>
						<p class="it_experconter">招商外包,就是指企業把招商的所有事企業把招商的所有事情都可以外包給招商快車公司渠道建設交給招商快車,包括如下9點:渠道盈利模型、產品組合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">3333333331[2015-06-05]</p>
						<p class="it_experconter">招商外包,就是指企業把招商的所有事企業把招商的所有事情都可以外包給招商快車公司渠道建設交給招商快車,包括如下9點:渠道盈利模型、產品組合策略</p>
					</div>
				</li>  
			</ul>
			<ul class="current" style="display: none;">  
				<li>
					<div class="it_expertxt">
						<p class="it_expertit">5555555552[2015-06-05]</p>
						<p class="it_experconter">招商外包,就是指企業把招商的所有事情都可以外包給招企業把招商的所有事情都可以外包給招商快車公司企業把招商的所有事情都可以外包給招商快車公司道盈利模型、產品組合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">66666666666[2015-06-05]</p>
						<p class="it_experconter">招商外包,就是指企業把招商的所有事情都可以外包給招商快車公司去做,企業只需要集中力量經營好自身的核心業務,渠道建設交給招商快車,包括如下9點:渠道盈利模型、產品組合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">77777777777[2015-06-05]</p>
						<p class="it_experconter">招商外包,就是指企業把招商的所有事情都可以外包給招商快車公司去做,企業只需要集中力量經營好自身的核心業務,渠道建設交給招商快車,包括如下9點:渠道盈利模型、產品組合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">88888888888[2015-06-05]</p>
						<p class="it_experconter">招商外包,就是指企業把招商的所有事情都可以外包給招商快車公司去做,企業只需要集中力量經營好自身的核心業務,渠道建設交給招商快車,包括如下9點:渠道盈利模型、產品組合策略</p>
					</div>
				</li>  
			</ul>
			<ul class="current" style="display: none;">  
				<li>
					<div class="it_expertxt">
						<p class="it_expertit">9999999999993[2015-06-05]</p>
						<p class="it_experconter">招商外包,就是指企業把招商的所有事情都可以外包給招商快車公司去做,企業只需要集中力量經營好自身的核心業務,渠道建設交給招商快車,包括如下9點:渠道盈利模型、產品組合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">100000000000[2015-06-05]</p>
						<p class="it_experconter">招商外包,就是指企業把招商的所有事情都可以外包給招商快車公司去做,企業只需要集中力量經營好自身的核心業務,渠道建設交給招商快車,包括如下9點:渠道盈利模型、產品組合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">1111111111111[2015-06-05]</p>
						<p class="it_experconter">招商外包,就是指企業把招商的所有事情都可以外包給招商快車公司去做,企業只需要集中力量經營好自身的核心業務,渠道建設交給招商快車,包括如下9點:渠道盈利模型、產品組合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">444444444[2015-06-05]</p>
						<p class="it_experconter">招商外包,就是指企業企業把招商的所有事情都可以外包給招商快車公司經營好自身的核心業務,渠道建設交給招商快車,包括如下9點:渠道盈利模型、產品組合策略</p>
					</div>
				</li>  
			</ul>
		</div>
	</div>            
</div>
<script type="text/javascript">
	$(function(){    
         abc2();
    }); 
	function abc2(){
         var $obj = $('#hot_ranks2 ul');  
         var len  = $obj.length;  
         var i = 0;  
         $("#next2").click(function(){  
              i++;  
              if(i==len){  
                i = 0;  
              }  
              $obj.stop(true,true).hide().eq(i).fadeIn(600);  
              return false;  
         });      
         $("#previous2").click(function(){  
              i--;  
              if(i==-1){  
                i = len-1;  
              }  
              $obj.stop(true,true).hide().eq(i).fadeIn(600);  
              return false;  
         });  
    }
	$(".it_expertxt").hover(function(){
		$(this).find(".it_expertit").css("color","#fff");
		$(this).find(".it_experconter").css("color","#fff");
		var div = $(this).find(".it_expertit");
		var div2 = $(this).find(".it_experconter")
		div.addClass("dest").animate({left: 20}, 200);
		div2.addClass("dest").animate({left: 20}, 200);
	},function(){
		var div = $(this).find(".it_expertit");
		var div2 = $(this).find(".it_experconter")
		$(this).find(".it_expertit").css("color","#434343");
		$(this).find(".it_experconter").css("color","#7d858c");
		div.addClass("dest").animate({left: 0}, 200);
		div2.addClass("dest").animate({left: 0}, 200);
	});
</script>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滾動切換 滾動條切換 滑動選項卡 滑動切換 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 切換按鈕 表單 表單美化 表單插件 表單美化插件 文字切換 文字選項卡 列表切換 翻頁切換 按鈕控制
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表