jquery云服務(wù)介紹圖文列表滾動(dòng)代碼

使用方法：

1、head引入css文件

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

2、head引入js文件

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

3、body引入HTML代碼

<div class="ato-content clearfix">
	<div class="ato-list-fl">
		<div class="ato-title">
			<h2>安全合規(guī)的云計(jì)算服務(wù)</h2>
			<p>權(quán)威認(rèn)證的云計(jì)算服務(wù)，充分保障您的業(yè)務(wù)實(shí)踐與業(yè)務(wù)安全</p>
		</div>
		<a href="javascript:;" class="prev">
			<img src="images/icon-left.png" alt="" class="ato-ope">
			<img src="images/icon-left1.png" alt="" class="ato-ope1">
		</a>
		<a href="javascript:;" class="next">
			<img src="images/icon-right.png" alt="" class="ato-ope">
			<img src="images/icon-right1.png" alt="" class="ato-ope1 ato-ope2">
		</a>
	</div>
	<div class="ato-list">
		<ul>
			<li>
				<div>
					<img src="images/logo001.png" alt="" class="ato-logo001">
				</div>
				<h3>CSA STAR認(rèn)證</h3>
				<p>信息安全等級(jí)保護(hù)，是對(duì)信息和信息載體按照重要性等級(jí)分級(jí)別進(jìn)行保護(hù)的一種工作，信息安全等級(jí)保護(hù)要求不同安全等級(jí)的信息系統(tǒng)應(yīng)具有不同的安全保護(hù)能力。</p>
				<a href="#" class="ato-more">查看詳情</a>
			</li>
			<li>
				<div>
					<img src="images/logo002.png" alt="" class="ato-logo001">
				</div>
				<h3>ISO27001信息安全管理體系認(rèn)證</h3>
				<p>ISO 22301是第一份以業(yè)務(wù)連續(xù)管理為主題的國際標(biāo)準(zhǔn)，提供了一種完整通用的BCM方法論，讓企業(yè)能夠達(dá)到國際上公認(rèn)的最佳實(shí)踐。</p>
				<a href="#" class="ato-more">查看詳情</a>
			</li>
			<li>
				<div>
					<img src="images/logo003.png" alt="" class="ato-logo001">
				</div>
				<h3>ISO22301業(yè)務(wù)連續(xù)性管理體系認(rèn)證</h3>
				<p>CSA STAR云安全評(píng)估基于國際權(quán)威的非盈利組織云安全聯(lián)盟推出的云控制矩陣CCM滿足云計(jì)算安全領(lǐng)域的特定要求，針對(duì)云計(jì)算安全特性的一項(xiàng)國際性認(rèn)證。</p>
				<a href="#" class="ato-more">查看詳情</a>
			</li>
			<li>
				<div>
					<img src="images/logo004.png" alt="" class="ato-logo001">
				</div>
				<h3>CSA STAR認(rèn)證</h3>
				<p>CSA STAR云安全評(píng)估基于國際權(quán)威的非盈利組織云安全聯(lián)盟推出的云控制矩陣CCM滿足云計(jì)算安全領(lǐng)域的特定要求，針對(duì)云計(jì)算安全特性的一項(xiàng)國際性認(rèn)證。</p>
				<a href="#" class="ato-more">查看詳情</a>
			</li>
			<li>
				<div>
					<img src="images/logo001.png" alt="" class="ato-logo001">
				</div>
				<h3>CSA STAR認(rèn)證</h3>
				<p>CSA STAR云安全評(píng)估基于國際權(quán)威的非盈利組織云安全聯(lián)盟推出的云控制矩陣CCM滿足云計(jì)算安全領(lǐng)域的特定要求，針對(duì)云計(jì)算安全特性的一項(xiàng)國際性認(rèn)證。</p>
				<a href="#" class="ato-more">查看詳情</a>
			</li>
			<li>
				<div>
					<img src="images/logo002.png" alt="" class="ato-logo001">
				</div>
				<h3>CSA STAR認(rèn)證</h3>
				<p>CSA STAR云安全評(píng)估基于國際權(quán)威的非盈利組織云安全聯(lián)盟推出的云控制矩陣CCM滿足云計(jì)算安全領(lǐng)域的特定要求，針對(duì)云計(jì)算安全特性的一項(xiàng)國際性認(rèn)證。</p>
				<a href="#" class="ato-more">查看詳情</a>
			</li>
			<li>
				<div>
					<img src="images/logo003.png" alt="" class="ato-logo001">
				</div>
				<h3>CSA STAR認(rèn)證</h3>
				<p>CSA STAR云安全評(píng)估基于國際權(quán)威的非盈利組織云安全聯(lián)盟推出的云控制矩陣CCM滿足云計(jì)算安全領(lǐng)域的特定要求，針對(duì)云計(jì)算安全特性的一項(xiàng)國際性認(rèn)證。</p>
				<a href="#" class="ato-more">查看詳情</a>
			</li>
			<li>
				<div>
					<img src="images/logo004.png" alt="" class="ato-logo001">
				</div>
				<h3>CSA STAR認(rèn)證</h3>
				<p>CSA STAR云安全評(píng)估基于國際權(quán)威的非盈利組織云安全聯(lián)盟推出的云控制矩陣CCM滿足云計(jì)算安全領(lǐng)域的特定要求，針對(duì)云計(jì)算安全特性的一項(xiàng)國際性認(rèn)證。</p>
				<a href="#" class="ato-more">查看詳情</a>
			</li>
		</ul>
	</div>
</div>

<script type="text/javascript">
	
jQuery(".ato-content").slide({titCell:".ato-list-fl ul",mainCell:".ato-list ul",autoPage:true,effect:"leftLoop",autoPlay:true,vis:3});

</script>