jquery云服务介绍图文列表滚动特效代码下载



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

10 39 14



特效描述:云服务 介绍图文 列表滚动。jquery.superslide插件制作企业云计算服务介绍图片文字列表左右滚动切换代码,支持自动切换,jquer相对用参数均可修改。

代码结构

1. 引入CSS

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

2. 引入JS

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

3. HTML代码

        <!--
		* 17素材vip建站专区模块代码
		* 详尽信息请看官网:http://www.17sucai.com/pins/vip
		*
		* Copyright , 温州易站网络科技有限公司版权所有
		*
		* 请尊重原创,未经允许请勿转载。
		* 在保留版权的前提下可应用于个人或商业用途
	    -->
        <div class="ato-content clearfix">
            <div class="ato-list-fl">
                <div class="ato-title">
                    <h2>安全合规的云计算服务</h2>
                    <p>权威认证的云计算服务,充分保障您的业务实践与业务安全</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认证</h3>
                        <p>信息安全等级保护,是对信息和信息载体按照重要性等级分级别进行保护的一种工作,信息安全等级保护要求不同安全等级的信息系统应具有不同的安全保护能力。</p>
                        <a href="#" class="ato-more">查看详情</a>
                    </li>
                    <li>
                        <div>
                            <img src="images/logo002.png" alt="" class="ato-logo001">
                        </div>
                        <h3>ISO27001信息安全管理体系认证</h3>
                        <p>ISO 22301是第一份以业务连续管理为主题的国际标准,提供了一种完整通用的BCM方法论,让企业能够达到国际上公认的最佳实践。</p>
                        <a href="#" class="ato-more">查看详情</a>
                    </li>
                    <li>
                        <div>
                            <img src="images/logo003.png" alt="" class="ato-logo001">
                        </div>
                        <h3>ISO22301业务连续性管理体系认证</h3>
                        <p>CSA STAR云安全评估基于国际权威的非盈利组织云安全联盟推出的云控制矩阵CCM满足云计算安全领域的特定要求,针对云计算安全特性的一项国际性认证。</p>
                        <a href="#" class="ato-more">查看详情</a>
                    </li>
                    <li>
                        <div>
                            <img src="images/logo004.png" alt="" class="ato-logo001">
                        </div>
                        <h3>CSA STAR认证</h3>
                        <p>CSA STAR云安全评估基于国际权威的非盈利组织云安全联盟推出的云控制矩阵CCM满足云计算安全领域的特定要求,针对云计算安全特性的一项国际性认证。</p>
                        <a href="#" class="ato-more">查看详情</a>
                    </li>
                    <li>
                        <div>
                            <img src="images/logo001.png" alt="" class="ato-logo001">
                        </div>
                        <h3>CSA STAR认证</h3>
                        <p>CSA STAR云安全评估基于国际权威的非盈利组织云安全联盟推出的云控制矩阵CCM满足云计算安全领域的特定要求,针对云计算安全特性的一项国际性认证。</p>
                        <a href="#" class="ato-more">查看详情</a>
                    </li>
                    <li>
                        <div>
                            <img src="images/logo002.png" alt="" class="ato-logo001">
                        </div>
                        <h3>CSA STAR认证</h3>
                        <p>CSA STAR云安全评估基于国际权威的非盈利组织云安全联盟推出的云控制矩阵CCM满足云计算安全领域的特定要求,针对云计算安全特性的一项国际性认证。</p>
                        <a href="#" class="ato-more">查看详情</a>
                    </li>
                    <li>
                        <div>
                            <img src="images/logo003.png" alt="" class="ato-logo001">
                        </div>
                        <h3>CSA STAR认证</h3>
                        <p>CSA STAR云安全评估基于国际权威的非盈利组织云安全联盟推出的云控制矩阵CCM满足云计算安全领域的特定要求,针对云计算安全特性的一项国际性认证。</p>
                        <a href="#" class="ato-more">查看详情</a>
                    </li>
                    <li>
                        <div>
                            <img src="images/logo004.png" alt="" class="ato-logo001">
                        </div>
                        <h3>CSA STAR认证</h3>
                        <p>CSA STAR云安全评估基于国际权威的非盈利组织云安全联盟推出的云控制矩阵CCM满足云计算安全领域的特定要求,针对云计算安全特性的一项国际性认证。</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>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到