分类
<link rel="stylesheet" type="text/css" href="statics/css/style.css"/>
<script src="statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<div class="container"> <div class="price"> <h2>产品定价</h2> <div class="category"> <ul> <li class="active">热门</li> <li>计算</li> <li>存储</li> <li>视频服务</li> <li>数据库</li> <li>网络</li> <li>CDN与加速</li> <li>互联网中间件</li> <li>域名服务</li> <li>游戏服务</li> <li>通信服务</li> <li>安全</li> <li>人工智能</li> <li>语音服务</li> <li>移动服务</li> <li>数据处理</li> <li>应用服务</li> </ul> <a href="javascript:;" class="prev"><span></span></a> <a href="javascript:;" class="next"><span></span></a> </div> <div class="cont active"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云数据库 MySQL</h3> <p class="desc">一体化多维度监控,高效管理海量数据库</p> </div> </a> </li> <li> <a href="#"> <div class="cont_main"> <h3 class="title">对象存储 COS</h3> <p class="desc">可靠、安全、易用的可扩展文件存储</p> </div> </a> </li> <li> <a href="#"> <div class="cont_main"> <h3 class="title">内容分发网络 CDN</h3> <p class="desc">多借点全网覆盖、安全稳定的内容加速服务</p> </div> </a> </li> <li> <a href="#"> <div class="cont_main"> <h3 class="title">BGP高防</h3> <p class="desc">高达300G的防护服务和多达21线的BGP线路抵御DDoS攻击</p> </div> </a> </li> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云解析</h3> <p class="desc">向全网域名提供稳定、安全、快速的智能解析服务</p> </div> </a> </li> <li> <a href="#"> <div class="cont_main"> <h3 class="title">万象优图</h3> <p class="desc">高效图片处理、全面的图片鉴定和识别服务</p> </div> </a> </li> <li> <a href="#"> <div class="cont_main"> <h3 class="title">直播</h3> <p class="desc">专业稳定快速的直播接入和分发服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> <div class="cont"> <ul> <li> <a href="#"> <div class="cont_main"> <h3 class="title">云服务器</h3> <p class="desc">稳定安全,高易用可弹性伸缩的计算服务</p> </div> </a> </li> </ul> </div> </div> </div> <script type="text/javascript"> $(function(){ //选项卡切换 $('.category ul li').click(function(){ indexC = $(this).index(); $(this).addClass('active').siblings().removeClass('active'); $('.cont').eq(indexC).addClass('active').siblings().removeClass('active'); }) //按钮箭头 var catew = $('.category').width()-150; var cateLiw = 0; $('.category ul li').each(function(){ cateLiw +=$(this).outerWidth(); }) var i =0; $('.next').click(function(){ $('.category ul').animate({ "margin-left":-catew+'px' },500) i++; if((catew+150)*i+(catew+150)>=cateLiw){ $('.prev').show(); $('.next').hide(); } }) $('.prev').click(function(){ $('.category ul').animate({ "margin-left":0+'px' },500) $(this).hide();$('.next').show(); }) }) </script>
1. 本站所有素材(未指定商用),仅限学习交流。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。
此作品是由17素材网签约用户上传,17素材网拥有版权;未经17素材网书面授权,请勿作他用。人物肖像,字体及音频如需商用需第三方额外授权;
17素材网尊重知识产权,如知识产权权利人认为平台内容涉嫌侵权,可通过邮件:3264130392@qq.com提出书面通知,我们将及时处理。
网站提供的党政主题相关内容(国旗、国徽、党徽...),目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。