怎么做出京东那些下拉列表
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style type="text/css">
{margin: 0;overflow: hidden;}
i,em,strong{font-style: normal;}
bar{width: 450px;box-sizing: ;}
sndli em{display: block;float: right;height: 30px;margin: 5px 0 0 0;}
a{text-decoration: none;height: 40px;width: 150px;line-height: 40px;color: #000000;display: block;background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8c4cb), to(#f6f6f8))}
ul,li{margin: 0;padding: 0;}
outli>li{list-style: none;float: left;box-sizing: border-box;text-align: center;position: relative;}
inli li{list-style: none;box-sizing: border-box;text-align: center;background:#DCDCDC;width: 300px;height: 50px;line-height: 50px;}
ulinli{display: none;}
inli0>li{float: left;width:100px;}
inli0>li:hover{background: #AAA;}
uloutli>lisndli:hover>ul{display: block;}
</style>
<body>
<div class="bar">
<ul class="outli">
<li class="sndli">
<a href="javascript:void(0)">1<em></em></a>
<ul class="inli">
<li>
<ul class="inli0">
<li>11</li>
<li>112</li>
<li>113</li>
</ul>
</li>
<li>
<ul class="inli0">
<li>121</li>
<li>122</li>
<li>123</li>
</ul>
</li>
<li>
<ul class="inli0">
<li>131</li>
<li>132</li>
<li>133</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>1、进入到京东商城官网以后,首要的就是使用自己的账号登录,然后首界面最上方即可看到“我的订单”这一项。
2、点击我的订单以后,就会跳转到全部订单列表页。
3、之前在京东网购过的所有记录都可以查看到,而且还可以按照时间查找订单,在每个商品列表上方就会显示对应的订单号。
4、手机京东APP查看订单号:同样的使用京东账号登录以后,依次点击APP右下角的“我的”-“我的订单”。
5、接着同样可以看到全部订单列表,不过不同于电脑浏览器版,APP版不能按照时间来查找订单,可以点击右上角的放大镜图标搜索产品名称快速查找订单。
6、搜索找到对应的订单以后,点击商品,然后就会跳转到订单详情页面,在该页面最下方就能找到对应的订单编号。
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style type="text/css">
{margin: 0;overflow: hidden;}
i,em,strong{font-style: normal;}
bar{width: 450px;box-sizing: ;}
sndli em{display: block;float: right;height: 30px;margin: 5px 0 0 0;}
a{text-decoration: none;height: 40px;width: 150px;line-height: 40px;color: #000000;display: block;background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8c4cb), to(#f6f6f8))}
ul,li{margin: 0;padding: 0;}
outli>li{list-style: none;float: left;box-sizing: border-box;text-align: center;position: relative;}
inli li{list-style: none;box-sizing: border-box;text-align: center;background:#DCDCDC;width: 300px;height: 50px;line-height: 50px;}
ulinli{display: none;}
inli0>li{float: left;width:100px;}
inli0>li:hover{background: #AAA;}
uloutli>lisndli:hover>ul{display: block;}
</style>
<body>
<div class="bar">
<ul class="outli">
<li class="sndli">
<a href="javascript:void(0)">1<em></em></a>
<ul class="inli">
<li>
<ul class="inli0">
<li>11</li>
<li>112</li>
<li>113</li>
</ul>
</li>
<li>
<ul class="inli0">
<li>121</li>
<li>122</li>
<li>123</li>
</ul>
</li>
<li>
<ul class="inli0">
<li>131</li>
<li>132</li>
<li>133</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>1、进入到京东商城官网以后,首要的就是使用自己的账号登录,然后首界面最上方即可看到“我的订单”这一项。
2、点击我的订单以后,就会跳转到全部订单列表页。
3、之前在京东网购过的所有记录都可以查看到,而且还可以按照时间查找订单,在每个商品列表上方就会显示对应的订单号。
4、手机京东APP查看订单号:同样的使用京东账号登录以后,依次点击APP右下角的“我的”-“我的订单”。
5、接着同样可以看到全部订单列表,不过不同于电脑浏览器版,APP版不能按照时间来查找订单,可以点击右上角的放大镜图标搜索产品名称快速查找订单。
6、搜索找到对应的订单以后,点击商品,然后就会跳转到订单详情页面,在该页面最下方就能找到对应的订单编号。
0条评论