143 lines
4.2 KiB
HTML
143 lines
4.2 KiB
HTML
<!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">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="./static/css/index.css">
|
|
<script>
|
|
function jinru() {
|
|
// console.log(233) //打印在控制台上
|
|
var nav2 = document.getElementById("nav2");
|
|
nav2.style.display = "block"
|
|
}
|
|
function out() {
|
|
var nav2 = document.getElementById("nav2");
|
|
nav2.style.display = "none"
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="navbox">
|
|
<div class="left">
|
|
<div class="navitem" onmouseover="jinru()" onmouseout="out()">网站导航</div>
|
|
<div class="navitem">商家入驻</div>
|
|
<div class="navitem">客户服务</div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="navitem">网站导航</div>
|
|
<div class="navitem">商家入驻</div>
|
|
<div class="navitem">客户服务</div>
|
|
<div class="navitem">网站导航</div>
|
|
<div class="navitem">商家入驻</div>
|
|
<div class="navitem">客户服务</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="nav2" id="nav2">
|
|
<div class="navlist">
|
|
<p class="title">特色购物</p>
|
|
<ul>
|
|
<li>苏宁互联</li>
|
|
<li>苏宁卡</li>
|
|
<li>易回收</li>
|
|
<li>领券中心</li>
|
|
<li>导购指南</li>
|
|
</ul>
|
|
<ul>
|
|
<li>苏宁互联</li>
|
|
<li>苏宁卡</li>
|
|
<li>易回收</li>
|
|
<li>领券中心</li>
|
|
<li>导购指南</li>
|
|
</ul>
|
|
</div>
|
|
<div class="navlist">
|
|
<p class="title">特色购物</p>
|
|
<ul>
|
|
<li>苏宁互联</li>
|
|
<li>苏宁卡</li>
|
|
<li>易回收</li>
|
|
|
|
</ul>
|
|
<ul>
|
|
<li>苏宁互联</li>
|
|
<li>苏宁卡</li>
|
|
<li>易回收</li>
|
|
<li>领券中心</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="navlist">
|
|
<p class="title">特色购物</p>
|
|
<ul>
|
|
<li>苏宁互联</li>
|
|
<li>苏宁卡</li>
|
|
|
|
</ul>
|
|
<ul>
|
|
<li>苏宁互联</li>
|
|
<li>苏宁卡</li>
|
|
<li>易回收</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="navlist">
|
|
<p class="title">特色购物</p>
|
|
<ul>
|
|
<li>苏宁互联</li>
|
|
<li>苏宁卡</li>
|
|
<li>易回收</li>
|
|
</ul>
|
|
<ul>
|
|
<li>苏宁互联</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="navlist">
|
|
<p class="title">特色购物</p>
|
|
<ul>
|
|
<li>苏宁互联</li>
|
|
<li>苏宁卡</li>
|
|
<li>易回收</li>
|
|
<li>领券中心</li>
|
|
<li>导购指南</li>
|
|
</ul>
|
|
<ul>
|
|
<li>苏宁互联</li>
|
|
<li>苏宁卡</li>
|
|
<li>易回收</li>
|
|
<li>领券中心</li>
|
|
<li>导购指南</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="top">
|
|
<img src="http://image1.suning.cn/uimg/cms/img/159642507148437980.png" alt="" class="logo">
|
|
<div class="searchright">
|
|
|
|
<div class="searchbox">
|
|
<div class="searchicon"></div>
|
|
<input type="text" class="shuru">
|
|
<div class="btn">搜索</div>
|
|
</div>
|
|
<div class="searchcontent">
|
|
<div class="left">
|
|
<p class="title">最近搜索</p>
|
|
<img src="./static/img/logo.png" alt="" class="sun">
|
|
<p class="tishi">您还没有探索到这里</p>
|
|
</div>
|
|
<div class="right">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
yyyy
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |