html+css+js网页制作 淘宝首页1个页面带js
2024-12-26 21:41 浏览:92
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>淘宝网 - 淘!我喜欢</title>
<meta name="description"
content="淘宝网 - 亚洲较大的网上交易平台,提供各类服饰、美容、家居、数码、话费点卡充值… 数亿优质商品,同时提供担保交易(先收货后付款)等安全交易保障服务,并由商家提供退货承诺、破损补寄等消费者保障服务,让你安心享受网上购物乐趣!">
<meta name="keyword"
content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺">
<!-- 引入css文件 -->
<!-- 引入重置样式表 -->
<link rel="stylesheet" href=https://download.csdn.net/download/qq_42431718/"css/reset.min.css">
<!-- 引入图标字体库 -->
<link rel="stylesheet" href=https://download.csdn.net/download/qq_42431718/"css/all.min.css">
<!-- 引入公共样式表 -->
<link rel="stylesheet" href=https://download.csdn.net/download/qq_42431718/"css/bass.min.css">
<!-- 引入当前页面的样式表 -->
<link rel="stylesheet" href=https://download.csdn.net/download/qq_42431718/"css/index.min.css">
<!-- 引入js文件 -->
<!-- 引入动画脚本 -->
<script src=https://download.csdn.net/download/qq_42431718/"js/animate.min.js"></script>
<!-- 引入当前页面的脚本 -->
<script src=https://download.csdn.net/download/qq_42431718/"js/index.min.js"></script>
<!-- 设置网页图标 -->
<link rel="shortcut icon" href=https://download.csdn.net/download/qq_42431718/"favicon.ico">
</head>
<body>
<!-- 头部导航条 -->
<div class="top-bar">
<div class="top-wrapper w">
<!-- 导航条左侧 -->
<ul class="top-left">
<li class="location">
<div class="top-location">
<span>中国大陆</span>
<i class="fas fa-angle-down"></i>
</div>
<!-- 地址下拉框 -->
<ul class="location-list">
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">全球</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">中国大陆</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">中国香港</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">中国台湾</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">中国澳门</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">韩国</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">马来西亚</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">澳大利亚</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">新加坡</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">新西兰</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">加拿大</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">美国</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">日本</a>
</li>
</ul>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"JavaScript:;" class="top-red">亲,请登录</a>
</li>
<li id="topcolorchange">
<a href=https://download.csdn.net/download/qq_42431718/"JavaScript:;" id="top-colorchange">免费注册</a>
</li>
<li id="topcolorchange">
<a href=https://download.csdn.net/download/qq_42431718/"JavaScript:;" id="top-colorchange">手机逛淘宝</a>
</li>
</ul>
<!-- 导航条右侧 -->
<ul class="top-right">
<li class="mytaobao" id="topcolorchange">
<a href=https://download.csdn.net/download/qq_42431718/"JavaScript:;" class="mytaobao-content" id="top-colorchange">
我的淘宝
<i class="fas fa-angle-down"></i>
</a>
<ul class="mytaobao-list">
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">已买到的宝贝</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">我的足迹</a>
</li>
</ul>
</li>
<li class="gwc" id="topcolorchange">
<a href=https://download.csdn.net/download/qq_42431718/"JavaScript:;" id="top-colorchange">
<i class="fas fa-shopping-cart"></i>
购物车<span id="shop-count">0</span>
<i class="fas fa-angle-down"></i>
</a>
<div class="gwc-list">
<span>您购物车里还没有任何宝贝。</span>
<div class="gwc-list-inner">
查看我的购物车
</div>
</div>
</li>
<li class="scj" id="topcolorchange">
<a href=https://download.csdn.net/download/qq_42431718/"JavaScript:;" id="top-colorchange">
<i class="fas fa-star" id="top-colorchange"></i>
收藏夹
<i class="fas fa-angle-down"></i>
</a>
<ul class="scj-list">
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">收藏的宝贝</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">收藏的店铺</a>
</li>
</ul>
</li>
<li id="topcolorchange">
<a href=https://download.csdn.net/download/qq_42431718/"JavaScript:;" id="top-colorchange">商品分类</a>
</li>
<li>
<span>|</span>
</li>
<li class="mjzx" id="topcolorchange">
<a href=https://download.csdn.net/download/qq_42431718/"JavaScript:;" id="top-colorchange">
千牛卖家中心
<i class="fas fa-angle-down"></i>
</a>
<ul class="mjzx-list">
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">免费开店</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">已卖出的宝贝</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">出售中的宝贝</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">卖家服务市场</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">卖家培训中心</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">体检中心</a>
</li>
<li>
<a href=https://download.csdn.net/download/qq_42431718/"javascript:;">问商友</a>
</li>
</ul>
</li>
<li class="lxkf" id="topcolorchange">
<a href=https://download.csdn.net/download/qq_42431718/"JavaScript:;" id="top-colorchange">
联系客服 以上就是本篇文章【html+css+js网页制作 淘宝首页1个页面带js】的全部内容了,欢迎阅览 ! 文章地址:http://w.yusign.com/quote/6825.html
行业
资讯
企业新闻
行情
企业黄页
同类资讯
网站地图
返回首页 述古往 http://w.yusign.com/mobile/ , 查看更多