jQuery css3新零售AI技術(shù)列表布局特效

jQuery接入AI 實(shí)現(xiàn)新零售，電商進(jìn)化從人工智能開始，更精準(zhǔn)、更快、更周到卡片式列表布局特效，鼠標(biāo)懸停卡片動(dòng)畫特效。

使用方法：

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="ai_card">
	<h2 class="t">我們接入AI  實(shí)現(xiàn)新零售</h2>
	<p class="sub_t">電商進(jìn)化從人工智能開始，更精準(zhǔn)、更快、更周到</p>
	<div class="w1200">
		<ul>
			<li class="active">
				<div class="info">
					<div class="img">
						<img src="statics/images/ai_icon1.png"/>
					</div>
					<h3>人臉VIP識(shí)別</h3>
					<p>刷臉識(shí)別客戶身份，實(shí)現(xiàn)智能會(huì)員管理、會(huì)員營(yíng)銷，提升商家服務(wù)質(zhì)量和客戶消費(fèi)體驗(yàn)。</p>
				</div>
				<a href="#" class="btn">了解詳情</a>
			</li>
			<li>
				<div class="info">
					<div class="img">
						<img src="statics/images/ai_icon2.png"/>
					</div>
					<h3>云起智能新零售</h3>
					<p>人臉識(shí)別、智能導(dǎo)購(gòu)、客流分析...... <br>人工智能＋新零售，技術(shù)驅(qū)動(dòng)變革，為新零售賦能</p>
				</div>
				<a href="#" class="btn">了解詳情</a>
			</li>
			<li>
				<div class="info">
					<div class="img">
						<img src="statics/images/ai_icon3.png"/>
					</div>
					<h3>智能導(dǎo)購(gòu)</h3>
					<p>根據(jù)顧客的瀏覽軌跡、購(gòu)買紀(jì)錄等行為判斷顧客喜好或需求，向其推薦潛在會(huì)購(gòu)買商品</p>
				</div>
				<a href="#" class="btn">了解詳情</a>
			</li>					
		</ul>
	</div>
</div>

<script type="text/javascript">
	$(function(){
		$('.ai_card ul li').hover(function(){
			$(this).addClass('active').siblings().removeClass('active');
		})
	})
</script>

使用聲明

1. 本站所有素材（未指定商用），僅限學(xué)習(xí)交流。
2. 會(huì)員在本站下載的原創(chuàng)商用和VIP素材后，只擁有使用權(quán)，著作權(quán)歸原作者及17素材網(wǎng)所有。
3. 原創(chuàng)商用和VIP素材，未經(jīng)合法授權(quán)，請(qǐng)勿用于商業(yè)用途，會(huì)員不得以任何形式發(fā)布、傳播、復(fù)制、轉(zhuǎn)售該素材，否則一律封號(hào)處理。
4. 本平臺(tái)織夢(mèng)模板僅展示和個(gè)人非盈利用途，織夢(mèng)系統(tǒng)商業(yè)用途請(qǐng)預(yù)先授權(quán)。

查看演示下載資源

0 7841 53

軟件 Dreamweaver
格式 HTML
作者玫琳凱
版權(quán) ? 原創(chuàng)商用（獨(dú)家） i

版權(quán)聲明

此作品是由17素材網(wǎng)簽約用戶上傳，17素材網(wǎng)擁有版權(quán)；未經(jīng)17素材網(wǎng)書面授權(quán)，請(qǐng)勿作他用。人物肖像，字體及音頻如需商用需第三方額外授權(quán)；

17素材網(wǎng)尊重知識(shí)產(chǎn)權(quán)，如知識(shí)產(chǎn)權(quán)權(quán)利人認(rèn)為平臺(tái)內(nèi)容涉嫌侵權(quán)，可通過郵件：3264130392@qq.com提出書面通知，我們將及時(shí)處理。

網(wǎng)站提供的黨政主題相關(guān)內(nèi)容（國(guó)旗、國(guó)徽、黨徽...），目的在于配合國(guó)家政策宣傳，僅限個(gè)人學(xué)習(xí)分享使用，禁止用于任何廣告和商用目的。