把原先的div display:none 该变让他显示或者直接写入个div 位置就是当前鼠标的位置 也可以 这个比较好用 。
1.先获取弹窗的宽高;2.点击打开弹窗时,先设置弹窗宽高为0;
3.用animate方法,设置宽高,则可以实现渐渐增大;
4.最小化时也是一样的操作,用animate方式设置弹窗的宽高为0;
伪劣代码:
var $t = $("弹窗"),
w = $t.width(),
h = $t.height()
$("点击打开弹窗的元素").click(function(){
$t.css({width:0,height:0}).animate({
width: w,
height: h
},"fast")
})
$("点击最小化的元素").click(function(){
$t.animate({
width: 0,
height: 0
},"fast")
})
1.强行控制图片的大小并点击打开新页面<img src="图片" width="100" height="100" onclick="window.open('另一个页面的地址')"
2.然后在那个页面载入原来的大图
当然如果你技术可以的话,最好不要打开新页面,弹出一个原本隐藏的div就可以了