« Trang đầu | Giới thiệu » | Nhân của JOL » | JOL.XMLDOM » | Một số lớp khác » | JOL.Popup » | JOL.TabPane » | JOL.DragDrop » | JOL.Hashtable » | JOL.LightEffect » | JOL.Timer (core) »

Làm cửa sổ cuốn như trong Windows explorer

Để sử dụng cần có:
jolcore, jolfunctions_ext, JOL.RollDIV, JOL.RollBar

Lớp JOL.RollDIV:
Được sử dụng để thay đổi kích thước một thẻ DIV (co hay dãn chiều dài hoặc chiều rộng) theo thời gian. Chiều dài thẻ DIV sẽ được thay đổi dần dần tạo hiệu ứng khá thú vị. JOL.RollDIV được kế thừa từ JOL.Timer
Lớp JOL.RollBar:
Lớp cơ sở thực hiện các cửa sổ cuốn. Lớp này chịu trách nhiệm cuốn phần nội dung trong của sổ, nhưng không chịu trách nhiệm thay đổi giao diện tương ứng (màu sắc, ảnh của phần tiêu đề và các phần không chứa nội dung). Mục đích của JOL.RollBar là thao tác cuốn và phát đi các phương thức tương ứng với các sự kiện thay đổi. Việc tạo giao diện cho cửa sổ cuốn được thực hiện bằng cách tạo lớp mới kế thừa từ JOL.RollBar, do đó các giao diện mới rất linh hoạt và tùy thuộc vào phần đồ họa và thay đổi tùy theo nhu cầu.
Dưới đây là VD minh họa cho tạo giao diện và kế thừa JOL.RollBar:
+ Tạo và thực thi một cửa sổ cuốn đơn giản nhất
Download
jolfunctions_ext.js
JOL.RollDIV.js
JOL.RollBar.js