QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jQuery行业案例tab选项卡布局代码

原创商用 jQuery行业案例tab选项卡布局代码

jQuery tab产品案例图标文字选项卡切换,悬停导航文字标签,内容切换和悬停图标,标题文字切换。两种tab选项卡结合布局代码。支持自动选项卡切换效果。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权保护,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

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

2、head引入js文件

<script src="statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>

3、body引入HTML代码

<div class="card-fouth">
	<div class="sub-title">行业案例</div>
	<div class="desc desc-list">

		<div class="industry first active">
			<span>零售</span>
		</div>

		<div class="industry">
			<span>民生</span>
		</div>

		<div class="industry">
			<span>政务</span>
		</div>

		<div class="industry">
			<span>出行</span>
		</div>

		<div class="industry">
			<span>医疗</span>
		</div>

		<div class="industry last">
			<span>生活服务</span>
		</div>

	</div>
	<div class="case-container">

		<div class="case-panel tab-1 active">
			<div class="case-left">
				<img class="phone-framework" src="statics/images/KKMyfEdqnMFZLdtZLktD.png">
				<div class="phone-image-cover hidden">
					<img src="statics/images/erweima.png">
					<div>扫描二维码查看</div>
				</div>

				<img class="phone-image  image-1 active" src="statics/images/NUGQZVkbmXEvoYiYnoAS.jpg">

				<img class="phone-image  image-2" src="statics/images/iObuNbWbrfXBMlWsklKE.jpg">

				<img class="phone-image  image-3" src="statics/images/HFUCeZzswVWsOPHKygdv.jpg">

				<img class="phone-image  image-4" src="statics/images/oTMnsFOGhPSdhhqJPvBR.jpg">

				<img class="phone-image  image-5" src="statics/images/kmzXYyMiWhGHpTSCoHoG.jpg">

			</div>
			<div class="case-preview">
				<div class="case-icon-list">
					<div class="case-content">
						<div class="case-head">每日必抢</div>
						<div class="case-text">致力打造一个良好体验的购物平台</div>
						<img class="" src="statics/images/DlsYGWIVAYbXkwMcQFuK.png">
					</div>

					<img class="image-hover  active" data-title="每日必抢" data-desc="致力打造一个良好体验的购物平台" data-qrcode="statics/images/erweima2.png" src="statics/images/3c6d1007-e159-43d5-9298-69d81ddc7381.png">

					<img class="image-hover " data-title="闲鱼小程序" data-desc="闲置交易,就用闲鱼!" data-qrcode="statics/images/erweima2.png" src="statics/images/ae3d5be3-c871-4977-9de2-fa5d054e5263.png">

					<img class="image-hover " data-title="阿里巴巴1688" data-desc="阿里巴巴1688官方-批发-采购-货源" data-qrcode="statics/images/erweima2.png" src="statics/images/eaba6153-25e3-4769-a6bb-3e6634b3fc2c.png">

					<img class="image-hover " data-title="衣二三" data-desc="衣二三提供高端女性时装租赁服务" data-qrcode="statics/images/erweima2.png" src="statics/images/b34085d2-dbf4-4331-bbb2-e8fd490122c3.png">

					<img class="image-hover " data-title="魔盒CITYBOX" data-desc="魔盒CITYBOX致力于新零售" data-qrcode="statics/images/erweima2.png" src="statics/images/14c9d9ee-2d97-4d94-b102-1cde17ac43e5.png">

				</div>
			</div>
		</div>

		<div class="case-panel tab-2">
			<div class="case-left">
				<img class="phone-framework" src="statics/images/KKMyfEdqnMFZLdtZLktD.png">
				<div class="phone-image-cover hidden">
					<img src="statics/images/erweima.png">
					<div>扫描二维码查看</div>
				</div>

				<img class="phone-image  image-1 active" src="statics/images/XkqPPOtrOycjoVIresby.jpg">

				<img class="phone-image  image-2" src="statics/images/IphczwkQENHzzDSOcsQO.jpg">

				<img class="phone-image  image-3" src="statics/images/XkqPPOtrOycjoVIresby.jpg">

				<img class="phone-image  image-4" src="statics/images/BZuPcFYPZQxVzXGlgkIP.jpg">

				<img class="phone-image  image-5" src="statics/images/xAttzuujLQIVsDdldCbJ.jpg">

			</div>
			<div class="case-preview">
				<div class="case-icon-list">
					<div class="case-content">
						<div class="case-head">社保公积金个人缴纳</div>
						<div class="case-text">个人自助缴纳社保公积金</div>
						<img class="" src="statics/images/DlsYGWIVAYbXkwMcQFuK.png">
					</div>

					<img class="image-hover  active" data-title="社保公积金个人缴纳" data-desc="个人自助缴纳社保公积金" data-qrcode="statics/images/erweima2.png" src="statics/images/4734401c-4438-4288-8fe7-cda10c645a17.png">

					<img class="image-hover " data-title="全国社保计算器" data-desc="my社保,社保明细测算工具" data-qrcode="statics/images/erweima2.png" src="statics/images/35c3450c-4343-4580-b987-3594170a4204.png">

					<img class="image-hover " data-title="全国公积金计算器" data-desc="my社保,公积金贷款测算工具" data-qrcode="statics/images/erweima2.png" src="statics/images/efd26957-11a1-4620-8a41-f77766acf148.png">

					<img class="image-hover " data-title="工资个税计算器" data-desc="my社保出品,多种个人所得税计算" data-qrcode="statics/images/erweima2.png" src="statics/images/532c776b-1bc1-47a5-82a5-9b848a187605.png">

					<img class="image-hover " data-title="微车查违章" data-desc="全国违章查询提醒" data-qrcode="statics/images/erweima2.png" src="statics/images/43d30dbb-5855-45d2-ad30-3485722c3b1b.png">

				</div>
			</div>
		</div>

		<div class="case-panel tab-3">
			<div class="case-left">
				<img class="phone-framework" src="statics/images/KKMyfEdqnMFZLdtZLktD.png">
				<div class="phone-image-cover hidden">
					<img src="statics/images/erweima.png">
					<div>扫描二维码查看</div>
				</div>

				<img class="phone-image  image-1 active" src="statics/images/HXsTuFWyZzujJcQZVaSP.jpg">

				<img class="phone-image  image-2" src="statics/images/yieKvQTVJYJeKovuHOBY.jpg">

			</div>
			<div class="case-preview">
				<div class="case-icon-list">
					<div class="case-content">
						<div class="case-head">江苏政务服务</div>
						<div class="case-text">江苏政务服务,苏服在身边</div>
						<img class="" src="statics/images/DlsYGWIVAYbXkwMcQFuK.png">
					</div>

					<img class="image-hover active" data-title="江苏政务服务" data-desc="江苏政务服务,苏服在身边" data-qrcode="statics/images/erweima2.png" src="statics/images/b708911d-d545-47cf-80c8-00da1e6d989a.png">

					<img class="image-hover" data-title="广州政务通" data-desc="提供市民便捷的线上政务服务" data-qrcode="statics/images/erweima2.png" src="statics/images/f6e4948f-6fce-4895-a2a2-29e8dc8aba65.png">

				</div>
			</div>
		</div>

		<div class="case-panel tab-4">
			<div class="case-left">
				<img class="phone-framework" src="statics/images/KKMyfEdqnMFZLdtZLktD.png">
				<div class="phone-image-cover hidden">
					<img src="statics/images/erweima.png">
					<div>扫描二维码查看</div>
				</div>

				<img class="phone-image  image-1 active" src="statics/images/prUwJtIutMJvgCDGGIXT.jpg">

				<img class="phone-image  image-2" src="statics/images/JiIZnMiOmGKKhXqLlUXX.jpg">

				<img class="phone-image  image-3" src="statics/images/tPvpMTTuaAZaDzQudCAj.jpg">

				<img class="phone-image  image-4" src="statics/images/WBygFStsPAmNPuSCNdwA.jpg">

				<img class="phone-image  image-5" src="statics/images/aGDacsCLsTNKQVRnULmc.jpg">

			</div>
			<div class="case-preview">
				<div class="case-icon-list">
					<div class="case-content">
						<div class="case-head">高德地图实时公交</div>
						<div class="case-text">实时的公交车到站信息查询工具</div>
						<img class="" src="statics/images/DlsYGWIVAYbXkwMcQFuK.png">
					</div>

					<img class="image-hover active" data-title="高德地图实时公交" data-desc="实时的公交车到站信息查询工具。" data-qrcode="statics/images/erweima2.png" src="statics/images/76e8cc26-7dc6-4a9a-9dac-62ab8f8c1dd7.png">

					<img class="image-hover " data-title="飞猪订机票火车票酒店" data-desc="飞猪,享受大不同!" data-qrcode="statics/images/erweima2.png" src="statics/images/8a002ba3-ff98-4d1b-a212-7828952a1453.png">

					<img class="image-hover " data-title="哈罗单车" data-desc="全国免押金" data-qrcode="statics/images/erweima2.png" src="statics/images/76c2030f-9dbf-4a5a-8aa3-289ea8968093.png">

					<img class="image-hover " data-title="一嗨租车" data-desc="中国自驾租车领导品牌" data-qrcode="statics/images/erweima2.png" src="statics/images/68fc4828-8898-4bb9-b6bf-c0e82ecbcc99.png">

					<img class="image-hover " data-title="易挪车" data-desc="临时停车必备神器,保护车主隐私" data-qrcode="statics/images/erweima2.png" src="statics/images/783d6339-6c74-4a48-b40d-8931c2286329.png">

				</div>
			</div>
		</div>

		<div class="case-panel tab-5">
			<div class="case-left">
				<img class="phone-framework" src="statics/images/KKMyfEdqnMFZLdtZLktD.png">
				<div class="phone-image-cover hidden">
					<img src="statics/images/erweima.png">
					<div>扫描二维码查看</div>
				</div>

				<img class="phone-image  image-1 active" src="statics/images/zrudqZNdwnvRPUdRGoQZ.jpg">

				<img class="phone-image  image-2" src="statics/images/ZFkNrHqmCycedjOvlGOU.jpg">

				<img class="phone-image  image-3" src="statics/images/gzAvYMZxGjdqdaXqRLoT.jpg">

				<img class="phone-image  image-4" src="statics/images/JPAxDXlPlHJlOzCDRDeV.jpg">

				<img class="phone-image  image-5" src="statics/images/ZrMrbHeRwPPYNIQAAiTi.jpg">

				<img class="phone-image  image-6" src="statics/images/mQQYaXFDBsRSFmaMquHk.jpg">

				<img class="phone-image  image-7" src="statics/images/sXAqhRJhIcjsJjXmnUNW.jpg">

			</div>
			<div class="case-preview">
				<div class="case-icon-list">
					<div class="case-content">
						<div class="case-head">浙江预约挂号</div>
						<div class="case-text">为居民提供一站式医疗健康服务</div>
						<img class="" src="statics/images/DlsYGWIVAYbXkwMcQFuK.png">
					</div>

					<img class="image-hover active" data-title="浙江预约挂号" data-desc="为居民提供一站式医疗健康服务" data-qrcode="statics/images/erweima2.png" src="statics/images/dbaaa65d-3452-4c80-85bb-3861cf798ea9.png">

					<img class="image-hover " data-title="医通体检预约" data-desc="一键预约高性价比体检服务" data-qrcode="statics/images/erweima2.png" src="statics/images/3df1d899-bb06-4a13-893c-043887b6f30f.png">

					<img class="image-hover " data-title="药急送" data-desc="线上下单到店自提或饿了么骑士配送" data-qrcode="statics/images/erweima2.png" src="statics/images/452ec59a-78e7-4c0b-a4f7-e99d3f47e95f.jpg">

					<img class="image-hover " data-title="广州妇儿中心" data-desc="广州妇儿医疗中心检查检验预约服务" data-qrcode="statics/images/erweima2.png" src="statics/images/e2b9337c-955c-486e-ba2a-789c2b97c340.png">

					<img class="image-hover " data-title="疫苗快查" data-desc="阿里健康出品,疫苗快查小工具" data-qrcode="statics/images/erweima2.png" src="statics/images/07a4ad8e-8259-479f-b252-10978ee33195.png">

					<img class="image-hover " data-title="阿里健康问医生" data-desc="阿里健康出品,在线问医生" data-qrcode="statics/images/erweima2.png" src="statics/images/386c8f6c-1a70-4b9e-a7bd-39ebab91f9e3.png">

					<img class="image-hover " data-title="雨诺信用借" data-desc="根据用户信用 借还医疗器械" data-qrcode="statics/images/erweima2.png" src="statics/images/d422e28e-b032-4b4e-97dc-d2ebc21adf8f.png">

				</div>
			</div>
		</div>

		<div class="case-panel tab-6">
			<div class="case-left">
				<img class="phone-framework" src="statics/images/KKMyfEdqnMFZLdtZLktD.png">
				<div class="phone-image-cover hidden">
					<img src="statics/images/erweima.png">
					<div>扫描二维码查看</div>
				</div>

				<img class="phone-image  image-1 active" src="statics/images/XPXRYOaRbmxfuFGKeRoZ.jpg">

				<img class="phone-image  image-2" src="statics/images/fsxWhFxMICBSKbDCsrII.jpg">

				<img class="phone-image  image-3" src="statics/images/uxRCxdovXsrWgGPPLQNz.jpg">

				<img class="phone-image  image-4" src="statics/images/rvSLNqdpVEhfHRmMTWzW.jpg">

				<img class="phone-image  image-5" src="statics/images/rgIqcdzroVEMtmlOpkkF.jpg">

				<img class="phone-image  image-6" src="statics/images/xPQFkVkxtSwAIxBxeBZk.jpg">

				<img class="phone-image  image-7" src="statics/images/cLHEfUdClTgnlImacPAg.jpg">

			</div>
			<div class="case-preview">
				<div class="case-icon-list">
					<div class="case-content">
						<div class="case-head">最美证件照</div>
						<div class="case-text">489种规格,随拍最美证件照</div>
						<img class="" src="statics/images/DlsYGWIVAYbXkwMcQFuK.png">
					</div>

					<img class="image-hover active" data-title="最美证件照" data-desc="489种规格,随拍最美证件照" data-qrcode="statics/images/erweima2.png" src="statics/images/3348fd9f-fb9a-437f-89c6-d72584e30176.png">

					<img class="image-hover " data-title="估吗回收" data-desc="手机回收数码回收—估吗" data-qrcode="statics/images/erweima2.png" src="statics/images/2aabd782-017f-4034-9a9a-bf03ffc8277e.png">

					<img class="image-hover " data-title="e城e家" data-desc="生活缴费&上门服务&品质生活" data-qrcode="statics/images/erweima2.png" src="statics/images/030f6918-b61b-43dd-8247-efcd0b9e7d17.png">

					<img class="image-hover " data-title="人人租机" data-desc="0押金租手机电脑等" data-qrcode="statics/images/erweima2.png" src="statics/images/f8087ff6-5c5c-44c7-a3cf-577d3f7ff6f2.png">

					<img class="image-hover " data-title="速递易取件助手" data-desc="为用户提供快递柜自助取件服务" data-qrcode="statics/images/erweima2.png" src="statics/images/28ece578-455b-48ec-82d3-ce34918470ce.png">

					<img class="image-hover " data-title="猛犸充电" data-desc="专注于电动单车的共享充电小工具" data-qrcode="statics/images/erweima2.png" src="statics/images/2798602a-fa3a-429b-a72e-59aa6ae5a59e.png">

					<img class="image-hover " data-title="街电" data-desc="让全球手机永不断电" data-qrcode="statics/images/erweima2.png" src="statics/images/b46f9ce6-f801-49d3-8d9c-46c2170c8331.png">

				</div>
			</div>
		</div>

	</div>
</div>

<script type="text/javascript">
	$(function() {
		var i = 0; //初始变量
		var k = 0; //初始变量
		var h = 5; //默认第一个内容条数
		//分类tap
		$('.industry').hover(function() {
			i = $(this).index(); //当前索引
			$(this).addClass('active').siblings().removeClass('active');
			$('.case-panel').eq(i).addClass('active').siblings().removeClass('active');
			h = $('.case-panel').eq(i).find('.image-hover').length; //获取内容条数
		})
		//内容tap
		$('.case-panel .image-hover').hover(function() {
			var j = $(this).index();
			var src = $(this).attr('data-qrcode'); //data-qrcode属性里面是二维码的图片
			var title = $(this).attr('data-title'); //标题
			var desc = $(this).attr('data-desc'); //描述
			$(this).addClass('active').siblings().removeClass('active');
			$(this).parents('.case-panel').find('.phone-image').eq(j - 1).addClass('active').siblings().removeClass('active');
			$(this).parents('.case-panel').find('.phone-image-cover').find('img').attr('src', src);
			$(this).parents('.case-panel').find('.case-head').text(title);
			$(this).parents('.case-panel').find('.case-text').text(desc);
			
		})
		//图片二维码
		$('.phone-framework').hover(function() {
			$(this).next('.phone-image-cover').removeClass('hidden');
		}, function() {
			$('.phone-image-cover').addClass('hidden');
		})
		//自动执行,间隔5秒
		setInterval(function() {
			$('.case-panel').eq(i).find('.image-hover').eq(k).addClass('active').siblings().removeClass('active');
			$('.case-panel').eq(i).find('.phone-image').eq(k).addClass('active').siblings().removeClass('active');
			k >= h - 1 ? k = 0 : k++;
		}, 5000)
	})
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
中乐彩票 www.791754.com-淘彩是正规的吗| www.112770.com-福彩3d山东真言| www.642186.com-彩票密码在哪| www.my00.com-时彩开奖助手| www.07if.com-上期彩票号码是多少| www.105491.com-时时彩ios软件| www.926579.com-瑞彩网是正规平台吗| 500彩票www.50054m.com| www.245748.com-中国足彩网英超| www.363581.com-港彩图库大全| www.005630.com-时时时彩票手机软件| www.4776.cm-快彩app网站| www.375958.com-网络购彩还没恢复| www.131404.com-湖南彩礼均价排名| www.4905.cm-职业彩票玩家生活| www.790797.com-红快三和快三| www.889728.com-解密牛娃彩票| www.19115.com-体彩兑奖新规| www.2241.vip-今天的彩票图| www.912059.com-快三预测算法| 千百万彩票www.qbwc4.com| www.sw2.cc-上海体育彩票竞彩店| www.p88.top-百事彩票首页| www.46098.com-9090彩票-| 汇丰彩票www.hf0688.com| www.97278.cc-彩票作弊是真的吗| www.084677.com-下载快乐彩走势图| www.912888.com-微信时时彩骗局| www.565579.com-不出本金代打彩票| www.718713.com-彩虹的名字含义| www.9660.in-万彩动漫-| www.89369.com-人人中彩票不能用了| www.156450.com-好彩堂一肖两码| www.250231.com-中彩彩票下载网址| www.532577.com-杭州申请彩票投注站| www.627535.com-双彩网打不开| www.021572.com-优游彩票娱乐平台| www.217316.com-快彩在线快3| www.aj8.cc-银川福彩中心| www.020235.com-什么是购彩-| www.73782.cc-体彩排列三杀号三哥| www.818999.com-彩票倍数怎么算的| www.112759.com-福彩3d山东图| www.245999.com-8k彩票快三-| www.041518.com-宏发彩票网最新地址| www.123783.com-优乐彩提现不了| www.190236.com-e球彩24元0到7| www.934783.com-彩票外接显示| 多乐彩票www.422323.com| www.pn78.com-500彩票比分直播| www.456142.com-球彩台客户端| www.99893.cc-app大发快三| www.311468.com-彩01彩票-| www.71197.com-快三客助手下载| www.47qd.com-159彩-| www.943942.com-体育彩票机选中奖| www.cai3923.com快三规则及奖金| www.mg19.com-安徵快三时时彩| www.1924.tv-深圳市常见的彩票| www.9692.biz-彩宝下载网站| www.qk30.com-中原彩票用户注册| www.tn09.com-彩吧彩吧图库第一版| www.973637.com-彩票能折吗-| www.501468.com-易彩云客服-| www.732691.com-佰万彩票登录官网| www.941991.com-5258彩票-| www.87sh.com-时时彩代打兼职| www.278796.com-中彩网福利中心| www.06dw.com-福利彩票双色球33| www.72271.com-彩票追号计算器软件| www.659158.com-体彩七星本期号| www.06cu.com-手机购彩客户端| www.14655.com-体彩6十1几点停售| www.168422.com-新快三形态走势图| www.333682.com-公司发的彩票中奖| www.604986.com-彩色苹果箱子批发| www.848299.com-彩票快三奖金是多少| www.47ex.com-彩民乐图谜-| www.1842.com-699彩票苹果版本| www.66253.com-时时彩做号器| www.536543.com-辽宁体彩年销量| www.853343.com-体育彩票怎样打票| www.rt48.com-乐彩网首页彩| www.608220.com-国际彩票平台大全| www.751894.com-博大彩票app软件| www.948821.com-体育彩票类型图片| www.zr2.com-福彩开奖双色球开奖| www.8jk.com-老时彩票-| www.08147.com-天下彩喜中彩天空彩| www.58350.com-多乐彩票是什么| www.008423.com-彩票平推一天| www.933956.com-六开彩即时开彩下载| www.sc97.cc-时时彩豹子有规律| www.26009.com-雨后彩虹代表的意思| www.295587.com-皇都彩票网站| www.528801.com-体彩竞彩店资质| www.869715.com-唯彩会app下载| www.374896.com-五子彩球下载| www.wr87.com-好彩官网下载| www.86ir.com-今天的三d彩报图库| www.398516.com-专业版赢彩王| www.500225.cc-体育彩票法律规定| www.575711.com-彩票票面解读| www.637623.com-彩虹六号免费辅助| www.707607.com-彩588app-| www.772789.com-浙江福彩中心地址| www.871310.com-快三模拟器-| www.939638.com-拉人玩快三-| www.984076.com-3d彩票预测专家| www.lu0.com-人人中彩票下载安装| www.oc74.com-彩票導航-| www.h99.net-全国联网彩票走势图| www.35ij.com-彩票烂了一点能用| www.99yw.cc-体育彩票类型有几种| www.739767.com-盛源彩票app下载| www.88247.cc-ig传统彩赛车| www.163043.com-彩票帮投是什么意思| www.169377.com-一分快三平台| www.331555.com-趋势王彩票分析官网| www.547457.com-网上购彩软件安全吗| www.664449.com-七乐彩计算表| www.784148.com-国乐彩是什么意思| www.897682.com-多彩贵州是国企吗| www.734038.com-快三网络平台| www.930484.com-梦到彩票中大奖| www.198895.com-京彩快三-| www.2032.mobi-河南众彩网481| www.cp2833.com-福彩快三是合法的吗| www.443314.com-彩3下载安装到手机| www.dl94.com-福利彩票导师| www.571441.com-甘肃快三成立几年| www.375944.com-哪个彩票最容易中奖| www.131541.com-水冶彩礼-| www.696965.com-福彩三d预测号码| www.947848.com-福彩刮刮乐字母代码| www.345699.com-福彩现场出号| 福彩天下www.fcff5.com| www.113303.com-福利彩票刮刮乐英文| www.526263.com-竞彩篮球推单微信| www.wz37.com-海南体彩41论坛| www.44810.com-百信彩票-| www.590887.com-下载奔腾彩票软件| www.876856.com-海南4十1彩票网站| www.78717.com-乐彩论坛彩票预测| www.087023.com-乐福彩票网址| www.281916.com-六壬测彩票-| www.976684.com-遂宁彩礼-| www.f91.loan-体彩排列三图迷总汇| www.006485.com-山东彩票开奖| www.410754.com-世界杯足彩比分竞猜| www.572741.com-香港本地彩票app| www.54702.com-网上投注高频彩票| www.16823.cc-快三游戏苹果版本| www.223613.com-福彩3d和尾跨度表| www.518924.com-乐米彩票客服电话| www.721115.com-全国彩票2元网| www.124185.com-河北十一选5爱彩乐| www.42088.cc-安装彩钢瓦价格| www.158594.com-黑龙江体彩兑奖地址| www.433006.com-3d胆码村彩票达人| www.731410.com-彩票下注兼职| www.9141.biz-彩78时时彩靠谱吗| www.118301.com-体彩排列三彩吧图库| www.372521.com-无彩色系有哪些|