用CSS做成这样的效果怎么做？就是鼠标放到图片上，右边显示图片。
3个回答
展开全部
<html>
<head>
<title>这样就可以了！不用javascript!</title>
<style type="text/css">
* {
margin:0;
padding:0;
list-style:none;
}
#shopnav {
}
#shopnav li {
width:200px;
position:relative;
}
#shopnav li div {
display:none;
}
#shopnav li:hover div {
display:block;
width:200px;
position:absolute;
top:0;
right:-205px;
}
</style>
</head>
<body>
<ul id="shopnav">
<li><a href="#"><img src="12a.jpg" width="200" height="200"></a>
<div><img src="12a.jpg" width="200" height="200"></div>
</li>
<li></li>
<li></li>
<li></li>
</ul>
<!--还望采纳，因为我想了一下，这个方法是最佳的，也是最简单的！-->
</body>
</html>
追问
我就是想要和淘宝上的图片一样做个放大镜的效果，请问他们是用什么技术做的，JS、CSS还是？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
纯CSS只能实现很简单的功能，而且html结构会比较复杂，建议结合javascript完成
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
google下 找个 jquery的放大镜 插件即可
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
