moo.rd - Examples - kwick_all

TABLE

table_rows table_cells table_cols

MAKE

make_table make_list make_select

CUSTOMIZE

custom_alert custom_confirm custom_prompt custom_search smooth_scrolling

EFFECTS

effects_morph effects_fade effects_move effects_extra effects_toggle

EFFECTS CYCLE

cycle_slide cycle_fold cycle_extra cycle_shuffle cycle_controls

EFFECTS CYCLES

cycles_scroll cycles_turn cycles_extra cycles_controls

VIRTUAL BOX

virtual_box virtual_ajax virtual_html virtual_single

PLUG-IN

kwick_menu kwick_all tutorial tabs tabs_fixed

GLIDER

glider_thumbs glider_auto glider_arrows glider_reader

Kwick.All

A demo that show what you can do with the Kwick.All Class. Here you can kwick the widths, the colors and the heights.

docs reference js code

window.addEvent('domready', function() {
 
	var kw = new Kwick.All($$("#puk_main2 div.puk"), 'width', {
		large:140,
		normal:60,
		small:20
	});
 
	var kw2 = new Kwick.All($$("#puk_main div.puk"), 'height', {
		large:140,
		normal:40,
		small:20
	});
 
	var kw3 = new Kwick.All($$("#puk_main3 div.puk"), 'background-color', {
		large:'#424F6F',
		normal: '#009966',
		small: '#F5F5F5',
		duration: 800,
		transition: 'linear'
	});
 
});

Kwick Width

Kwick Color

Kwick Height