分类
<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="classes-wrap content clearfix"> <div class="classes-item active"> <i class="icon icon-login"></i> <span class="text">注册/登陆</span> </div> <div class="classes-item"> <i class="icon icon-config"></i> <span class="text">活动设置</span> </div> <div class="classes-item"> <i class="icon icon-award"></i> <span class="text">奖品设置</span> </div> <div class="classes-item"> <i class="icon icon-manage"></i> <span class="text">活动管理</span> </div> <div class="classes-item"> <i class="icon icon-verifcation"></i> <span class="text">核销系统</span> </div> <div class="classes-item"> <i class="icon icon-wechat"></i> <span class="text">公众号授权</span> </div> </div> <!--内容--> <!--1--> <div class="list-wrap content active"> <h3 class="classes-title list-title"> <i class="icon-question"></i> <span class="list-title-text">注册/登陆</span> </h3> <div id="list-wrap-content"> <div class="list-content"> <div class="list-item"> <a href="#">员工帐号怎么登录?</a> </div> <div class="list-item"> <a href="#">怎么注册帐号?</a> </div> <div class="list-item"> <a href="#">在哪里注册帐号?</a> </div> </div> </div> <div id="pagination-wrap"> <div class="pagination"> <span class="pagination__item"><</span> <span class="pagination__item ">1</span> <span class="pagination__item is-active">2</span> <span class="pagination__item">></span> </div> </div> </div> <!--2--> <div class="list-wrap content"> <h3 class="classes-title list-title"> <i class="icon-question"></i> <span class="list-title-text">活动设置</span> </h3> <div id="list-wrap-content"> <div class="list-content"> <div class="list-item"> <a href="#">员工帐号怎么登录?</a> </div> <div class="list-item"> <a href="#">怎么注册帐号?</a> </div> <div class="list-item"> <a href="#">在哪里注册帐号?</a> </div> </div> </div> <div id="pagination-wrap"> <div class="pagination"> <span class="pagination__item"><</span> <span class="pagination__item ">1</span> <span class="pagination__item is-active">2</span> <span class="pagination__item">></span> </div> </div> </div> <!--3--> <div class="list-wrap content"> <h3 class="classes-title list-title"> <i class="icon-question"></i> <span class="list-title-text">奖品设置</span> </h3> <div id="list-wrap-content"> <div class="list-content"> <div class="list-item"> <a href="#">员工帐号怎么登录?</a> </div> <div class="list-item"> <a href="#">怎么注册帐号?</a> </div> <div class="list-item"> <a href="#">在哪里注册帐号?</a> </div> </div> </div> <div id="pagination-wrap"> <div class="pagination"> <span class="pagination__item"><</span> <span class="pagination__item ">1</span> <span class="pagination__item is-active">2</span> <span class="pagination__item">></span> </div> </div> </div> <!--4--> <div class="list-wrap content"> <h3 class="classes-title list-title"> <i class="icon-question"></i> <span class="list-title-text">活动管理</span> </h3> <div id="list-wrap-content"> <div class="list-content"> <div class="list-item"> <a href="#">员工帐号怎么登录?</a> </div> <div class="list-item"> <a href="#">怎么注册帐号?</a> </div> <div class="list-item"> <a href="#">在哪里注册帐号?</a> </div> </div> </div> <div id="pagination-wrap"> <div class="pagination"> <span class="pagination__item"><</span> <span class="pagination__item ">1</span> <span class="pagination__item is-active">2</span> <span class="pagination__item">></span> </div> </div> </div> <!--5--> <div class="list-wrap content"> <h3 class="classes-title list-title"> <i class="icon-question"></i> <span class="list-title-text">核销系统</span> </h3> <div id="list-wrap-content"> <div class="list-content"> <div class="list-item"> <a href="#">员工帐号怎么登录?</a> </div> <div class="list-item"> <a href="#">怎么注册帐号?</a> </div> <div class="list-item"> <a href="#">在哪里注册帐号?</a> </div> </div> </div> <div id="pagination-wrap"> <div class="pagination"> <span class="pagination__item"><</span> <span class="pagination__item ">1</span> <span class="pagination__item is-active">2</span> <span class="pagination__item">></span> </div> </div> </div> <!--6--> <div class="list-wrap content"> <h3 class="classes-title list-title"> <i class="icon-question"></i> <span class="list-title-text">公众号授权</span> </h3> <div id="list-wrap-content"> <div class="list-content"> <div class="list-item"> <a href="#">员工帐号怎么登录?</a> </div> <div class="list-item"> <a href="#">怎么注册帐号?</a> </div> <div class="list-item"> <a href="#">在哪里注册帐号?</a> </div> </div> </div> <div id="pagination-wrap"> <div class="pagination"> <span class="pagination__item"><</span> <span class="pagination__item ">1</span> <span class="pagination__item is-active">2</span> <span class="pagination__item">></span> </div> </div> </div> <script type="text/javascript"> $(function(){ $('.classes-wrap .classes-item').click(function(){ var i = $(this).index(); $(this).addClass('active').siblings().removeClass('active'); $('.list-wrap').eq(i).addClass('active').siblings().removeClass('active'); }) }) </script>
1. 本站所有素材(未指定商用),仅限学习交流。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。
此作品是由17素材网签约用户上传,17素材网拥有版权;未经17素材网书面授权,请勿作他用。人物肖像,字体及音频如需商用需第三方额外授权;
17素材网尊重知识产权,如知识产权权利人认为平台内容涉嫌侵权,可通过邮件:3264130392@qq.com提出书面通知,我们将及时处理。
网站提供的党政主题相关内容(国旗、国徽、党徽...),目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。