Question

JS做图片放大镜

打错了。。。。看看图片，求代码 。

Answer 1

<div id="tc"><span>北京</span><div class="city"><a href="#">上海</a><a href="#">武汉</a><a href="#">海南</a><a href="#">安徽</a><a href="#">河南</a><a href="#">河北</a><a href="#">江西</a><label>X</label></div></div>
<style type="text/css">
#tc{position:relative;width:50px;height:50px;margin:100px;}
#tc .city {position:absolute;width:160px;height:100px;border:1px solid #ccc;padding:10px;left:15px;display:none;}
#tc .city a {padding:5px;display:block;float:left;}
</style>
<script>
$(function (){
var name;
$("#tc span").click(function (){
$("#tc .city").css({display:"block"})
$("#tc .city label").click(function (){
$("#tc .city").css({display:"none"});
})
$("#tc .city a").click(function (){
name=$(this).html();
$("#tc span").html(name);
$("#tc .city").css({display:"none"});
return;
})
})
});
</script>
已经测试过了！！！！

Answer 2

亲 这个不是放大镜效果只是一个层而已
首页获得北京所在div的offset();这个值里面有两个属性，一个left和top可以计算位置
然后这个大图所出现的left值是小div所在left值top值是小div所在top值减去小div的高
大div首先是隐藏的当点击小div它出现就可以了
这就是原理

追问

打错了，，求图片代码