HTML，div与css。怎样制作一个，商品列表。就像是在淘宝浏览那些商品。当你的鼠标移到商品那里
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML，div与css。怎样制作一个，商品列表。就像是在淘宝浏览那些商品。当你的鼠标移到商品那里相关的知识，希望对你有一定的参考价值。
html，div与css。怎样制作一个，商品列表。就像是在淘宝浏览那些商品。当你的鼠标移到商品那里，就会有个边框弹出来。HTML初学者，不太了解。像请手，帮我制作一个，像（蛮便宜网上的）好像是在一个div里，在div里面有图片（图片且居中）图片下面有商品名称，有价格。
简单写了一个，为了方便所以图片就没有加，后来你加上再居中就ok
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function show()
document.getElementById('show').style.display='block';
function hide()
document.getElementById('show').style.display='none';
</script>
<style>
.show
line-height:100px;
text-align:center;
width:100px;
height:100px;
background:#95C8ED;
</style>
</head>
<body>
<div class="k">
<a href="#" onMouseOver="show()" onMouseOut="hide()">商品</a>
<div id="show" class="show" style="display:none" >
asdhkajdhj
</div>
</div>
</body>
</html> 参考技术A 如果你不懂代码的话 直接在在dw里面按spry 里面的功能都是现成的
一般都是用JS来写 但如果只想用DIV和CSS来写 你百度一下动态菜单教程 然后照视频的去做也可以
有些地址不能贴上来 不过这类视频在百度一搜都是
没办法 就算给你现成的代码 你也要自己去更改 例如图片路径 定位等等
所以自己学一下 知道每个代码的意思 也会改
希望采纳 谢谢 参考技术B a：hover鼠标悬浮状态，a转为行内块display：inline-block;加边框 参考技术C 使用UL li 参考技术D 你说的这个就想是导航条了。 用JS
以上是关于HTML，div与css。怎样制作一个，商品列表。就像是在淘宝浏览那些商品。当你的鼠标移到商品那里的主要内容，如果未能解决你的问题，请参考以下文章
如何通过 javascript 制作 html 和 css 组件？