可調節大小的面板

2021-09-23 13:31:16 字數 1301 閱讀 6505

**如下:需要在熟練,**可以進行簡化。

把控制條的顏色去掉就可以了。

.panel

.title

.ui-resizable-r

.ui-resizable-b

.ui-resizable-rb

resizable panel

筆記:

改寫成 jquery的外掛程式。這樣呼叫就行了 $(』#div』).resizeable();記錄別人的**還沒有進行練習,先記錄下來:

$.fn.resizeable = function())

}// 設定某個面板支援調整大小

function resizable(panelid)

}var panel = document.getelementbyid(panelid);

// 插入調整控制元素

var r = document.createelement("div");

var b = document.createelement("div");

var rb = document.createelement("div");

r.class = r.classname = 'ui-resizable-r ui-resizable-ctrl';

b.class = b.classname = 'ui-resizable-b ui-resizable-ctrl';

rb.class = rb.classname = 'ui-resizable-rb ui-resizable-ctrl';

// 滑鼠移動處理

function on_move() }}

// 在控制元素中按下

function on_mousedown(e, panel, ctrl, type)

// 為調整控制元素設定拖拽處理

r.addeventlistener('mousedown', function (e) )

b.addeventlistener('mousedown', function (e) )

rb.addeventlistener('mousedown', function (e) );

if (!window.__resizable_var) )

// 滑鼠彈起處理

document.addeventlistener('mouseup', function (e)

})window.__resizable_var = true;

}}

實現一可調節月份日曆

思路主要是根據calendar類中的各屬性方法,來實現乙個有條件的數字迴圈,用到或有用的方法 例項乙個日曆 c calendar.getinstance 取得年份 c.get calendar.year 取得月份 c.get calendar.month 從calendar中取得的mouth是從 0...

改紙盒大小 一種可調節大小的包裝紙箱的製作方法

本實用新型涉及包裝技術領域,更具體地說,涉及一種可調節大小的包裝紙箱。背景技術 包裝紙箱是用紙製品製造的,用於包裝各類物品的用具,分單坑 3層 雙坑 5層 三坑 7層 四坑 9層 紙箱,紙箱細分紙盒 彩箱 彩盒和超大規格奇形啤盒等各類包裝。現有的紙箱經常會出現需要盛放的物品過少過多,乙個箱子裝不滿或...

菱形的大小調節

1.對於菱形的輸出我在譚浩強那本書裡看到就是直接用printf 直接列印每一行確定好要輸出的菱形數量就可以,但是這樣做只適合小一點的,對於較大的就不好控制,也比較麻煩,對於輸出的大小可變的可以採用以下程式進行實現。int main for j 0 j 2 i 1 j 當每一行空格輸出結束後開始列印 ...