QQ客服
當前位置 : 主机游戏直播赚钱吗 > 代碼 > 網頁特效 > 選項卡/滑動門 > jQuery新零售模式手風琴代碼

全球主机游戏开发公司: 原創商用 jQuery新零售模式手風琴代碼

基于jQuery綠色簡潔風格的新零售介紹手風琴切換展示代碼。京東到家模式,美團外賣模式,同城電商模式,社區新零售模式4種手風琴滑動切換效果。
分享到微信朋友圈
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="section">
	<div class="container">
		<div class="mod-title">
			<h2>適應多種O2O新零售模式</h2>
		</div>
		<ul class="mode-list">
			<li class="mode-item mode-item-1 active">
				<div class="mode-wrap">
					<div class="mode-view">
						<h3>京東到家模式</h3>
						<h4>生鮮百貨 極速送達</h4>
						<i></i>
						<ul>
							<li>招商入駐</li>
							<li>商業服務</li>
							<li>LBS定位</li>
							<li>平臺協作</li>
						</ul>
					</div>
					<div class="mode-detail">
						<div class="detail-left">
							<i></i>
							<h3>京東到家模式</h3>
							<h4>以京東到家的商業模式為藍本 專注平臺運營和推廣,服務與配送都由商家提供</h4>
						</div>
						<div class="detail-right">
							<ul>
								<li>
									<h3>招商入駐</h3>
									<p>便捷招商、快速招納優質商家<br>到平臺入駐、豐富平臺形象</p>
								</li>
								<li>
									<h3>商業服務</h3>
									<p>不同的商家在平臺提供服務<br>給用戶提供更多選擇</p>
								</li>
								<li>
									<h3>LBS定位</h3>
									<p>用戶可通過手機端LBS定位后<br>顯示周邊的店鋪信息</p>
								</li>
								<li>
									<h3>平臺協作</h3>
									<p>用戶選擇服務、商家提供服務<br>在平臺完成協作需求</p>
								</li>
							</ul>
							<a href="#" class="get">獲取方案</a>
						</div>
					</div>
				</div>
			</li>
			<li class="mode-item mode-item-2">
				<div class="mode-wrap">
					<div class="mode-view">
						<h3>美團外賣模式</h3>
						<h4>打造吃喝玩樂一站式商圈</h4>
						<i></i>
						<ul>
							<li>整合商圈</li>
							<li>種類齊全</li>
							<li>團購促銷</li>
							<li>預約到店</li>
						</ul>
					</div>
					<div class="mode-detail">
						<div class="detail-left">
							<i></i>
							<h3>美團外賣模式</h3>
							<h4>一個吃喝玩樂全都有的一站式團購平臺,基于定位覆蓋同城商圈的娛樂、生活服務</h4>
						</div>
						<div class="detail-right">
							<ul>
								<li>
									<h3>整合商圈</h3>
									<p>整合同城各類娛樂商圈及服務<br>在平臺入駐、豐富平臺資源</p>
								</li>
								<li>
									<h3>種類齊全</h3>
									<p>讓用戶在平臺擁有更多的選擇<br>促進平臺的消費發展</p>
								</li>
								<li>
									<h3>團購促銷</h3>
									<p>平臺的店鋪優惠滿減活動促銷<br>讓用戶更愿意通過平臺下單</p>
								</li>
								<li>
									<h3>預約到店</h3>
									<p>用戶在家即可預約到店,通過<br>驗證碼推送、即可到店服務</p>
								</li>
							</ul>
							<a href="#" class="get">獲取方案</a>
						</div>
					</div>
				</div>
			</li>
			<li class="mode-item mode-item-3">
				<div class="mode-wrap">
					<div class="mode-view">
						<h3>同城電商模式</h3>
						<h4>集合本地特色服務與優勢</h4>
						<i></i>
						<ul>
							<li>本地服務</li>
							<li>快速送達</li>
							<li>質量保證</li>
							<li>廣告收入</li>
						</ul>
					</div>
					<div class="mode-detail">
						<div class="detail-left">
							<i></i>
							<h3>同城電商模式</h3>
							<h4>集合本地特色服務與優勢、找準方向定位、快速覆蓋本地商圈打造同城電商平臺</h4>
						</div>
						<div class="detail-right">
							<ul>
								<li>
									<h3>本地服務</h3>
									<p>每個城市都有當地的服務特色<br>能做好天貓京東做不到的優勢</p>
								</li>
								<li>
									<h3>快速送達</h3>
									<p>京東天貓配送均為1天左右<br>同城配送可以最快1小時送達</p>
								</li>
								<li>
									<h3>質量保證</h3>
									<p>本地商品的質量用戶更加清楚<br>因此更愿意信賴平臺品質</p>
								</li>
								<li>
									<h3>廣告收入</h3>
									<p>同城廣告投放會更加精準有效<br>平臺可獲取更多的廣告盈利</p>
								</li>
							</ul>
							<a href="#" class="get">獲取方案</a>
						</div>
					</div>
				</div>
			</li>
			<li class="mode-item mode-item-4">
				<div class="mode-wrap">
					<div class="mode-view">
						<h3>社區新零售模式</h3>
						<h4>社區服務+社區交流+商圈</h4>
						<i></i>
						<ul>
							<li>門店整合</li>
							<li>周邊服務</li>
							<li>服務預約</li>
							<li>評價曬單</li>
						</ul>
					</div>
					<div class="mode-detail">
						<div class="detail-left">
							<i></i>
							<h3>社區新零售模式</h3>
							<h4>整合周邊商家店鋪、供消費者在平臺選擇,讓周邊實體商戶都成為你的賺錢渠道</h4>
						</div>
						<div class="detail-right">
							<ul>
								<li>
									<h3>門店整合</h3>
									<p>整合社區周邊的所有門店入駐<br>到你的平臺、成為賺錢工具</p>
								</li>
								<li>
									<h3>周邊服務</h3>
									<p>消費者輕松一覽周邊生活信息<br>在平臺輕松付款下單</p>
								</li>
								<li>
									<h3>服務預約</h3>
									<p>消費者選擇服務后一鍵預約<br>技師和配送員即可快速上門</p>
								</li>
								<li>
									<h3>評價曬單</h3>
									<p>服務完成后消費者可評價曬單<br>讓其他消費者更了解服務情況</p>
								</li>
							</ul>
							<a href="#" class="get">獲取方案</a>
						</div>
					</div>
				</div>
			</li>
		</ul>
	</div>
</div>

<script type="text/javascript">
$(".section .mode-list .mode-item").hover(function() {
	$(this).addClass("active").siblings().removeClass("active");
});
</script>
[聲明]本站素材來自用戶分享,僅限學習交流請勿用于商業用途。如損害你的權益請聯系客服QQ:2447402004給予處理。
舉報×
舉報原因:

相關代碼

二維碼
意見反饋
×
×

注冊

QQ注冊 立即下載 主机游戏直播赚钱吗

簽到成功!

已連續簽到1天,簽到3天將獲得積分VIP1天

知道了