不需要用jquery
作為一家“創(chuàng)意+整合+營銷”的成都網(wǎng)站建設(shè)機構(gòu),我們在業(yè)內(nèi)良好的客戶口碑。創(chuàng)新互聯(lián)公司提供從前期的網(wǎng)站品牌分析策劃、網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計、網(wǎng)站制作、創(chuàng)意表現(xiàn)、網(wǎng)頁制作、系統(tǒng)開發(fā)以及后續(xù)網(wǎng)站營銷運營等一系列服務(wù),幫助企業(yè)打造創(chuàng)新的互聯(lián)網(wǎng)品牌經(jīng)營模式與有效的網(wǎng)絡(luò)營銷方法,創(chuàng)造更大的價值。
直接用js原生函數(shù)Math.min()
就可以求幾個數(shù)的最小值
1.先獲取彈窗的寬高;
2.點擊打開彈窗時,先設(shè)置彈窗寬高為0;
3.用animate方法,設(shè)置寬高,則可以實現(xiàn)漸漸增大;
4.最小化時也是一樣的操作,用animate方式設(shè)置彈窗的寬高為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");
})
首先應(yīng)該配置好你的HTML和CSS,把打開窗口的樣式做出來。
jquery能做的,只要是點擊后收縮或展開就行了。
如:
你的任務(wù)欄的圖標(biāo)是一個div,給個id叫winCon,窗口叫win
$(function() {
$('#winCon').click(function() {
$('#win').toggle();
});
});
jquery ui dialog沒有自帶最大化最小化的方法,不過你可以自己設(shè)定width屬性,自己寫方法實現(xiàn)類似功能