Skip to content

web_flea_market
web_flea_market
Commit aecb5364 authored by HuangJunbo's avatar HuangJunbo 💻 Committed by Administrator
Browse files
Options

ul il列表css样式和需要的图片素材 

Signed-off-by: Administrator's avatarAdministrator <admin@example.com>
parent 5fdaf79c
Hide whitespace changes
Inline Side-by-side
Showing with 97 additions and 1 deletion
flea_market/css/style.css
View file @ aecb5364
......@@ -19,4 +19,13 @@ a:hover {
a:active {
color: #0000FF;
}
\ No newline at end of file
}
ul {
list-style-type: circle;
}
ul li {
display: inline-block;
}
flea_market/product_list.html 0 → 100644
View file @ aecb5364
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>商品分类列表</title>
</head>
<body>
<header>
<h1>跳蚤市场LOGO</h1>
<nav>导航： 首页 注册 登录</nav>
<hr>
</header>
<article>
<select>
类别：
<option>电子</option>
<option>交通</option>
<option>生活</option>
</select>
<section>
<ul>
<li class="item">
<img src="img/01.jpg">
<p>Macbook</p>
<p>￥6556.00</p>
</li>
<li class="item">
<a href="#"><img src="img/02.jpg"></a>
<div class="title"><a href="#">Macbook</a></div>
<div class="price">￥6556.00</div>
</li>
<li class="item">
<a href="#"><img src="img/02.jpg"></a>
<div class="title"><a href="#">Macbook</a></div>
<div class="price">￥6556.00</div>
</li>
<li class="item">
<a href="#"><img src="img/02.jpg"></a>
<div class="title"><a href="#">Macbook</a></div>
<div class="price">￥6556.00</div>
</li>
<li class="item">
<a href="#"><img src="img/02.jpg"></a>
<div class="title"><a href="#">Macbook</a></div>
<div class="price">￥6556.00</div>
</li>
<li class="item">
<a href="#"><img src="img/02.jpg"></a>
<div class="title"><a href="#">Macbook</a></div>
<div class="price">￥6556.00</div>
</li>
<li class="item">
<a href="#"><img src="img/02.jpg"></a>
<div class="title"><a href="#">Macbook</a></div>
<div class="price">￥6556.00</div>
</li>
<li class="item">
<a href="#"><img src="img/02.jpg"></a>
<div class="title"><a href="#">Macbook</a></div>
<div class="price">￥6556.00</div>
</li>
</ul>
</section>
<section>
<a href="#">第一页</a>
<a href="#">上一页</a>
<a href="#">下一页</a>
<a href="#">末页</a>
</section>
</article>
<footer>
<hr>
<p>版权所有&copy;uuo00_n-team</p>
</footer>
</body>
</html>
<script>
var item = document.getElementsByClassName("item");
for (var i = 0; i < item.length; i++) {
item[i].onmouseover = function () {
this.style.background = 'rgb(200,200,200)'
}
item[i].onmouseout = function () {
this.style.background = 'rgb(255,255,255)'
}
}
</script>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment