1500字范文 > HTML5期末大作业：京东商城网站设计——京东商城购物网站(4页) 基于Html+Css+javascr

HTML5期末大作业：京东商城网站设计——京东商城购物网站(4页) 基于Html+Css+javascr

时间：2019-11-23 10:21:05

HTML5期末大作业：京东商城网站设计——京东商城购物网站(4页) 基于Html+Css+javascript的网页制作（购物主题）

常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

获取更多源码

PC电脑端关注我们

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

作品介绍

1.网页作品简介：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：京东商城网站设计——京东商城购物网站(4页) 基于Html+Css+javascript的网页制作（购物主题）获取更多源码作品介绍一、作品展示二、文件目录三、代码实现四、获取更多源码五、学习资料六、更多源码

一、作品展示

二、文件目录

三、代码实现

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>首页</title><link rel="stylesheet" type="text/css" href="./css/css.css"><script type="text/javascript" src='js/jquery-1.7.2.min.js'></script><script type="text/javascript">$(function(){$('.nav_mini ul li').hover(function(){$(this).find('.two_nav').show(100);},function(){$(this).find('.two_nav').hide(100);})$('.left_nav').hover(function(){$(this).find('.nav_mini').show(100);},function(){$(this).find('.nav_mini').hide(100);})})</script></head><body><div class="top"><div class="top_text"><a href="">用户登录</a><a href="">用户注册</a><a href="">供应商登录</a><a href="">供应商注册</a></div></div><div class="top_img"><img src="./images/top_img.jpg" alt=""></div><div class="search"><div class="logo"><img src="./images/logo.jpg" alt=""></div><div class="search_on"><div class="se"><input type="text" name="search" class="lf"><input type="submit" class="clik" value="搜索"></div><div class="se"><a href="">取暖神奇</a><a href="">1元秒杀</a><a href="">吹风机</a><a href="">玉兰油</a></div></div><div class="card"><a href="">购物车<div class="num">0</div></a></div></div><div class="menu"><div class="nav"><div class="navs"><div class="left_nav">全部商品分类<div class="nav_mini" style="display:none"><ul><li><a href="">家用电器</a><div class="two_nav"><a href="">11111</a><a href="">11111</a><a href="">11111</a><a href="">11111</a><a href="">11111</a><a href="">11111</a><a href="">11111</a><a href="">11111</a><a href="">11111</a><a href="">11111</a><a href="">11111</a></div></li><li><a href="">手机、数码、通信</a></li><li><a href="">电脑、办公</a></li><li><a href="">家具、家居、家装</a></li><li><a href="">男装、女装、内衣</a></li><li><a href="">个户化妆</a></li><li><a href="">鞋靴</a></li><li><a href="">户外运动</a></li><li><a href="">汽车</a></li><li><a href="">母婴</a></li><li><a href="">食品</a></li><li><a href="">营养保健</a></li><li><a href="">图书</a></li><li><a href="">彩票</a></li><li><a href="">理财</a></li></ul></div></div><ul><li><a href="">服装城</a></li><li><a href="">美妆馆</a></li><li><a href="">超市</a></li><li><a href="">全球购</a></li><li><a href="">闪购</a></li><li><a href="">团购</a></li><li><a href="">拍卖</a></li><li><a href="">金融</a></li><li><a href="">智能</a></li></ul></div></div></div><div class="Sscreen"><div class="title">平板电视商品筛选共1205个商品</div><div class="list"><span>品牌：</span><a href="">乐视TV(Letv)</a><a href="">乐视TV(Letv)</a><a href="">乐视TV(Letv)</a><a href="">乐视TV(Letv)</a><a href="">乐视TV(Letv)</a><a href="">乐视TV(Letv)</a><a href="">乐视TV(Letv)</a><a href="">乐视TV(Letv)</a><a href="">乐视TV(Letv)</a></div><div class="list"><span>价格：</span><a href="">0-1399</a><a href="">0-1399</a><a href="">0-1399</a><a href="">0-1399</a><a href="">0-1399</a><a href="">0-1399</a><a href="">0-1399</a><a href="">0-1399</a><a href="">0-1399</a></div></div><div class="Sbox"><div class="list"><div class="img"><img src="images/img_4.jpg" alt=""></div><div class="price">¥65.00</div><div class="title">双箭雅思两层带门收纳柜整理柜储物柜书柜木</div></div><div class="list"><div class="img"><img src="images/img_4.jpg" alt=""></div><div class="price">¥65.00</div><div class="title">双箭雅思两层带门收纳柜整理柜储物柜书柜木</div></div><div class="list"><div class="img"><img src="images/img_4.jpg" alt=""></div><div class="price">¥65.00</div><div class="title">双箭雅思两层带门收纳柜整理柜储物柜书柜木</div></div><div class="list"><div class="img"><img src="images/img_4.jpg" alt=""></div><div class="price">¥65.00</div><div class="title">双箭雅思两层带门收纳柜整理柜储物柜书柜木</div></div><div class="list"><div class="img"><img src="images/img_4.jpg" alt=""></div><div class="price">¥65.00</div><div class="title">双箭雅思两层带门收纳柜整理柜储物柜书柜木</div></div><div class="list"><div class="img"><img src="images/img_4.jpg" alt=""></div><div class="price">¥65.00</div><div class="title">双箭雅思两层带门收纳柜整理柜储物柜书柜木</div></div></div><div class="footer"><div class="top"></div><div class="bottom"><img src="images/foot.jpg" alt=""></div></div></body></html>