jquery新聞動態(tài)文本內(nèi)容自動滾動切換代碼

使用方法：

1、head引入css文件

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

2、head引入js文件

<script src="js/jquery.js"></script>
<script src="js/jquery.SuperSlide.2.1.1.js"></script>

3、body引入HTML代碼

<div class="strange-box">
	<div class="strange-header">
		<h2>新聞動態(tài)</h2>
		<p>新聞報道</p>
	</div>
	<div class="strange-content">
		<div class="strange-news-fl">
			<img src="images/new.jpg" alt="">
		</div>
		<div class="strange-news-fr strange-news-sw">
			<div class="strange-info">
				<ul class="strange-info-list">
					<li>
						<a href="#">
							<h2>云簽約國家公安三所 發(fā)布一站式安全等保服務</h2>
							<div class="strange-text">
								<p class="strange-text-title">新聞報道了解云服務最新動態(tài) 了解云服務新聞報道云服務電腦亮相2018 CES ASIA，Mate10全系手機率先試商用新聞報道 云服務電腦亮相2018 CES ASIA，Mate10全系手機率先試商用2018-06-136月13日，亞洲消費電子展(CES ASIA)上，華為消費者BG 手機產(chǎn)品線總裁何剛，攜手華為五項主要研發(fā)技術(shù)與大家見面，其中之一便是端云結(jié)合重新定義個人電腦的云服務電腦。何剛在2018 CES ASIA發(fā)布手機支持云電腦 云服務電腦是把云服務的云桌面服務通過app的形式集成到華為終端上，面向終端消費者推出的一種全新云服務產(chǎn)品。發(fā)揮端云協(xié)同的優(yōu)勢，提供給終端用戶一個便...</p>
							</div>
						</a>
						<a href="#" class="strange-more">了解更多 <em></em></a>
					</li>
					<li>
						<a href="#">
							<h2>云簽約國家公安三所 發(fā)布一站式安全等保服務</h2>
							<div class="strange-text">
								<p class="strange-text-title">新聞報道了解云服務最新動態(tài) 了解云服務新聞報道云服務電腦亮相2018 CES ASIA，Mate10全系手機率先試商用新聞報道 云服務電腦亮相2018 CES ASIA，Mate10全系手機率先試商用2018-06-136月13日，亞洲消費電子展(CES ASIA)上，華為消費者BG 手機產(chǎn)品線總裁何剛，攜手華為五項主要研發(fā)技術(shù)與大家見面，其中之一便是端云結(jié)合重新定義個人電腦的云服務電腦。何剛在2018 CES ASIA發(fā)布手機支持云電腦 云服務電腦是把云服務的云桌面服務通過app的形式集成到華為終端上，面向終端消費者推出的一種全新云服務產(chǎn)品。發(fā)揮端云協(xié)同的優(yōu)勢，提供給終端用戶一個便...</p>
							</div>
						</a>
						<a href="#" class="strange-more">了解更多 <em></em></a>
					</li>
					<li>
						<a href="#">
							<h2>云簽約國家公安三所 發(fā)布一站式安全等保服務</h2>
							<div class="strange-text">
								<p class="strange-text-title">新聞報道了解云服務最新動態(tài) 了解云服務新聞報道云服務電腦亮相2018 CES ASIA，Mate10全系手機率先試商用新聞報道 云服務電腦亮相2018 CES ASIA，Mate10全系手機率先試商用2018-06-136月13日，亞洲消費電子展(CES ASIA)上，華為消費者BG 手機產(chǎn)品線總裁何剛，攜手華為五項主要研發(fā)技術(shù)與大家見面，其中之一便是端云結(jié)合重新定義個人電腦的云服務電腦。何剛在2018 CES ASIA發(fā)布手機支持云電腦 云服務電腦是把云服務的云桌面服務通過app的形式集成到華為終端上，面向終端消費者推出的一種全新云服務產(chǎn)品。發(fā)揮端云協(xié)同的優(yōu)勢，提供給終端用戶一個便...</p>
							</div>
						</a>
						<a href="#" class="strange-more">了解更多 <em></em></a>
					</li>
				</ul>
			</div>
			<div class="strange-pagination">
				<ul>
					<li class="on"></li>
					<li></li>
					<li></li>
				</ul>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">

	jQuery(".strange-news-fr").slide({titCell:".strange-pagination ul",mainCell:".strange-info ul",autoPage:true,effect:"left",autoPlay:true,delayTime:1000,trigger:"click"});

</script>