css弹出窗口怎么做,就是鼠标移上去,就弹出一个可以选择的小窗口。

html-css07

css弹出窗口怎么做,就是鼠标移上去,就弹出一个可以选择的小窗口。,第1张

css 很难实现这个应为css都是设定好后不能被改变的 ,只能通过js重新赋值 ,这种方式就是js里面的多层 jquery ui 里面也有这个插件 自己写个也可以 就是当鼠标移动到指定标签上 触发js效果

把原先的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就可以了