分類
<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提出書面通知,我們將及時處理。
網站提供的黨政主題相關內容(國旗、國徽、黨徽...),目的在于配合國家政策宣傳,僅限個人學習分享使用,禁止用于任何廣告和商用目的。