重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
不需要用jquery
作为一家“创意+整合+营销”的成都网站建设机构,我们在业内良好的客户口碑。创新互联公司提供从前期的网站品牌分析策划、网站设计、成都网站设计、网站制作、创意表现、网页制作、系统开发以及后续网站营销运营等一系列服务,帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,创造更大的价值。
直接用js原生函数Math.min()
就可以求几个数的最小值
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");
})
首先应该配置好你的HTML和CSS,把打开窗口的样式做出来。
jquery能做的,只要是点击后收缩或展开就行了。
如:
你的任务栏的图标是一个div,给个id叫winCon,窗口叫win
$(function() {
$('#winCon').click(function() {
$('#win').toggle();
});
});
jquery ui dialog没有自带最大化最小化的方法,不过你可以自己设定width属性,自己写方法实现类似功能