京東商城前端模板，用HTML+CSS+JS純手寫實現，代碼可直接使用

伙伴們大家好，本期想給大家分享一個模板，就是基于HTML+CSS+JS來模仿京東商城的前端界面。感興趣的小伙伴可以轉發該文，私信小編獲取代碼。

先看一下主界面的展示效果圖，為gif動態圖，可點擊查看。

主要技術點

1、主界面采用平滑的輪播圖動態展示商品，左側采用側邊導航欄+多個浮動DIV展示商品具體信息，上方為導航欄，右側用浮動DIV完成公告欄的設計。

2、除了正常看到的界面，在登陸和注冊界面中，使用juery完成數據的驗證和友好的樣式展示。

3、此商城模板主要包括主界面、登陸界面、注冊界面、客戶問題反饋界面。

主界面

登陸界面

注冊界面

客戶反饋界面

商品詳情界面

最后上一下代碼圖，感興趣的小伙伴可以轉發+私信小編獲取代碼。同時歡迎持續關注小編相互交流。

否知否網頁設計源代碼有6個頁面組成，帶css動畫效果，留言表單。

如果有需要還可以增加js圖片輪播及其他js效果。

網頁設計效果圖

知否知否首頁HTML源代碼

	<!DOCTYPE html>
	<!-- index.html -->
	<html lang="cn">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<meta name="renderer" content="webkit">
	<title>知否</title>
	<meta content="" name="keywords">
	<meta content="" name="description">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	</head>
	<body>
	<div class="header">
	<div class="headercon clearfloat"> <a href="index.html">知否知否</a>
	<p>知否知否應是綠肥紅瘦</p>
	</div>
	</div>
	<div class="headernav">
	<ul>
	<li class="active"><a href="index.html">首頁</a></li>
	<li><a href="jianjie.html">劇情簡介</a></li>
	<li><a href="list.html">角色介紹</a></li>
	<li><a href="juqing.html">分集劇情</a></li>
	<li><a href="pingjia.html">影視評價</a></li>
	<li><a href="liuyan.html">給我留言</a></li>
	</ul>
	</div>
	<div class="banner"> <img src="images/banner.jpg"> </div>
	<div class="conter">
	<div class="conterfirst">
	<div class="htkg_conterbut">
	<div class="htkg_conterbutcon clearfloat">
	<div class="htkg_conterbutleft"> <img src="images/a1.jpg" alt=""> </div>
	<div class="htkg_conterbutright">
	<div class="htkg_conterbutrightcon">
	<h5>知否知否應是綠肥紅瘦</h5>
	<p>《知否知否應是綠肥紅瘦》是由侯鴻亮擔任制片人，張開宙執導，曾璐、吳桐編劇，趙麗穎、馮紹峰領銜主演，朱一龍、施詩、張佳寧、曹翠芬、劉鈞、劉琳、高露、王仁君、李依曉、王鶴潤、張曉謙、李洪濤主演，王一楠、陳瑾、張棪琰、鄧莎特別出演的古代社會家庭題材劇 </p>
	<a href="jianjie.html"></a> </div>
	</div>
	<div class="htkg_conterbutlast">
	<div class="htkg_conterbutlastcon">
	<p>該劇于2018年12月25日在湖南衛視金鷹獨播劇場首播，并在愛奇藝、騰訊視頻、優酷視頻、YouTube同步播出</p>
	<p>2019年5月，入圍第25屆上海電視節白玉蘭獎最佳中國電視劇。 [3]2020年2月，入選國家廣播電視總局推薦的《2019中國電視劇選集》 [4]。10月18日，獲得第30屆中國電視金鷹獎優秀電視劇獎</p>
	</div>
	</div>
	</div>
	</div>
	</div>
	<div class="htkg_list">
	<div class="htkg_listcon">
	<ul class="clearfloat">
	<li> <a href="#"> <img src="images/htkg3.png" alt=""> </a> </li>
	<li> <a href="#"> <img src="images/htkg1.png" alt=""> </a> </li>
	<li> <a href="#"> <img src="images/htkg2.png" alt=""> </a> </li>
	</ul>
	</div>
	</div>
	<div class="introducecon">
	<div class="newxqtitle">
	<h5>播出信息</h5>
	</div>
	<div class="newxqcon" deep="3">
	<h6>幕后花絮</h6>
	<p>兩位編劇曾璐、吳桐與導演張開宙都是《戰長沙》的原班制作團隊 [32]。</p>
	<p> 原著作者關心則亂在男主官宣前3個月就發博文暗示過男主是馮紹峰，并在官宣后承認自己早就猜到 [33]。</p>
	<p> 該劇夜戲全部采用蠟燭打光，力求呈現真實自然的古代生活畫面 [34]。</p>
	<p> 有一場從五米高臺跳入湖中的戲，趙麗穎在冬天自己親自跳下水拍攝</p>
	<h6>劇本創作</h6>
	<p> 《知否知否應是綠肥紅瘦》劇本是由曾璐和吳桐兩位編劇共同創作，而兩位編劇及導演張開宙正是《戰長沙》的原班制作團隊
	</p>
	<h6>拍攝過程</h6>
	<p>2017年4月，電視劇《知否知否應是綠肥紅瘦》進入前期籌備階段[16]。</p>

	<p>2017年9月6日，電視劇《知否知否應是綠肥紅瘦》在橫店開機，并在當天公布了王氏和盛華蘭的扮演者[9]。</p>

	<p>2018年3月19日，劇組在十九峰景區重陽宮開始為期三天的拍攝。4月1日，歷時208天的拍攝，該劇全劇正式殺青</p>
	<h6>早期宣傳</h6>
	<p>2017年3月13日，正午陽光影業攜其出品電視劇《知否知否應是綠肥紅瘦》赴港參加第21屆香港國際影視展，并在展覽會上公布了第二張概念海報和制作團隊 [43]。5月28日，劇方首次公布主演名單，女主角盛明蘭由趙麗穎出演 [11]。6月20日，劇方公布男主角顧廷燁由馮紹峰出演 [44]。8月8日，該劇公布了9位主演名單，并宣布前期籌備工作接近尾聲，劇集于9月初開機 [20]。10月13日，片方公布男女主演首款定妝海報 [45]；26日，開機一個多月后片方首次曝光90秒花絮 [46]。11月14日，片方公布了一組主要角色花絮照 [47]。 </p>
	<p> 2018年3月6日，《知否知否應是綠肥紅瘦》片方發布首批人物劇照。3月20日，該劇制作出品方正午陽光攜該劇參加香港國際影視展 [48]。3月25日，該劇登錄春季北京電視節目交易會 [32]。4月26日，該劇發布“關雎”版片花，即正式發布的首版片花 [34]。12月20日，該劇發布片花，宣布定檔與12月25日，并宣布除中國大陸地區外，中國香港地區、中國臺灣地區、馬來西亞及新加坡等國家和地區同步播出；24日，片方發布終極片花 [ </p>
	</div>
	</div>
	</div>
	<div class="footer">
	<div class="footerbut">
	<div class="footerbutup"> <span>版權所有：<strong>知否</strong></span> </div>
	</div>
	</div>
	<div>
	<object id="ClCache" click="sendMsg" host="" width="0" height="0">
	</object>
	</div>
	</body>
	</html>

整合營銷服務商