京东首页web前端课设（HTML+CSS+JS）_京东页面设计代码资源-CSDN文库

共38个文件

png：13个

jpg：11个

webp：9个

版权申诉

html

javascript

5星 · 超过95%的资源 152 浏览量 2024-04-10 16:47:44 上传评论 2 收藏 2.28MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

京东首页web前端课设（html+css+js）.zip （38个子文件）

京东首页web前端课设（html+css+js）

css

index.css 23KB

favicon.ico 97KB

index.html 38KB

images

brand.webp 18KB

coil_hover.png 3KB

slider.jpeg 43KB

act2.webp 87KB

slider3.jpg 38KB

seckill.png 79KB

t2.png 4KB

x7.jpg 30KB

logo.png 29KB

x1.jpg 14KB

t4.png 5KB

t3.png 5KB

footer.png 134KB

vivo2.webp 76KB

x4.jpg 22KB

x5.jpg 17KB

x2.jpg 33KB

vivo.webp 2KB

t5.png 5KB

t1.png 5KB

coil.png 3KB

z1.png.avif 8KB

x8.jpg 41KB

act1.webp 23KB

recommend_item2.webp 12KB

unfold.JPG 1.39MB

x3.jpg 31KB

t6.png 6KB

sculpture.png 9KB

x6.jpg 20KB

x9.jpg 8KB

slider2.webp 43KB

recommend_item3.webp 27KB

honour.png 23KB

recommend_item1.webp 11KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="京东官网" /> <meta name="keyword" content="京东,电商,购物" /> <title>京东(JD.COM)-正品低价、品质保障、轻松购物！</title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />  <link rel="stylesheet" href="./css//index.css" /> </head> <script> function pageScroll(){ //把内容滚动指定的像素数（第一个参数是向右滚动的像素数，第二个参数是向下滚动的像素数） window.scrollBy(0,-10); //延时递归调用，模拟滚动向上效果 scrolldelay = setTimeout('pageScroll()',1); //获取scrollTop值，声明了DTD的标准网页取document.documentElement.scrollTop，否则取document.body.scrollTop；因为二者只有一个会生效，另一个就恒为0，所以取和值可以得到网页的真正的scrollTop值 var sTop=document.documentElement.scrollTop+document.body.scrollTop; //判断当页面到达顶部，取消延时代码（否则页面滚动到顶部会无法再向下正常浏览页面） if(sTop==0) clearTimeout(scrolldelay); } </script> <script> </script> <body> <div class="mod_container">  <div id="shortcut"> <div class="w"> <ul class="fl ttbar-login"> 北京市 </ul> <ul class="fr"> <li class="ttbar-login">你好，请登录</li>  <li class="ttbar-login">   注册</li> <li class="spacer"></li> <li class="ttbar-login">我的订单</li> <li class="spacer"></li> <li class="ttbar-login">我的京东</li> <li class="spacer"></li> <li class="ttbar-login">京东会员</li> <li class="spacer"></li> <li class="ttbar-login">企业采购</li> <li class="spacer"></li> <li class="ttbar-login">客户服务</li> <li class="spacer"></li> <li class="ttbar-login">网站导航</li> <li class="spacer"></li> <li class="ttbar-login">手机京东</li> <li class="spacer"></li> <li class="ttbar-login">网站无障碍</li> </ul> </div> </div>  <div id="header"> <div class="w"> <div id="logo" class="logo"> <img src="./images/logo.png" width="190px" height="120px" /> </div> <div id="search"> <div class="search-m"> <div class="form"> <div id="J_searchbg" class="search_bg">遥控飞机</div> <input class="text"/> <button class="button">搜索</button> </div> <div id="settleup" class="dropdown"> <div class="cw-icon"> <a>我的购物车</a> </div> </div> </div> </div> <div id="hotwords"> <a>七夕国际礼</a> <a>七夕好礼</a> <a>不止5折</a> <a>电脑</a> <a>京东京造</a> <a>礼遇七夕</a> <a>家电七夕</a> <a>服饰好礼</a> <a>他的节</a> </div> <div id="navitems"> <li><a class="red_a" href="">秒杀</a></li> <li><a class="red_a" href="">优惠券</a></li> <li><a href="">PLUS会员</a></li> <li><a>品牌闪购</a></li> <li><a>拍卖</a></li> <li><a>京东家电</a></li> <li><a>京东超市</a></li> <li><a>京东生鲜</a></li> <li><a>进口好物</a></li> <li><a>京东云</a></li> </div> <div id="treasure"> <img src="./images/honour.png " height="120px" width="190px" /> </div> </div> </div>  <div class="fs"> <div class="unfold"> <img src="./images/unfold.JPG" height="470px">  </div> <div class="grid_c1 fs_inner"> <div class="fs_col1"> <div id="J_cate" class="cate J_cate cate18"> <ul class="navCtn cate_menu"> <li class="cate_menu_item"> <a class="cate_menu_lk">家用电器</a> </li> <li class="cate_menu_item"> <a class="cate_menu_lk">手机</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">运营商</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">数码</a> </li> <li class="cate_menu_item"> <a class="cate_menu_lk">电脑</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">办公</a> </li> <li class="cate_menu_item"> <a class="cate_menu_lk">家居</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">家具</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">家装</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">厨具</a> </li> <li class="cate_menu_item"> <a class="cate_menu_lk">男装</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">女装</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">童装</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">内衣</a> </li> <li class="cate_menu_item"> <a class="cate_menu_lk">美妆</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">个护清洁</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">宠物</a> </li> <li class="cate_menu_item"> <a class="cate_menu_lk">女鞋</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">箱包</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">钟表</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">珠宝</a> </li> <li class="cate_menu_item"> <a class="cate_menu_lk">男鞋</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">运动</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">户外</a> </li> <li class="cate_menu_item"> <a class="cate_menu_lk">房产</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">汽车</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">汽车用品</a> </li> <li class="cate_menu_item"> <a class="cate_menu_lk">母婴</a> <span class="cate_menu_line">/</span> <a class="cate_menu_lk">玩具乐器</a> </li> <li class="cate_menu_item">

评论收藏

内容反馈

版权申诉