vegui. sk. dropdownmenu.js

Allows you to integrate drop down navigation menus into your site easily

Dependencies

vegui.sk.std.js

Optional Depencencies for full functionality

vegui.sk.ani.js, vegui.sk.ani.morph.js, vegui.sk.ani.fade.js, vegui.sk.ani.shadow.js

Summary
Allows you to integrate drop down navigation menus into your site easily
Time it takes for a menu to close after the mouse pointer has left it (ms) , default = 1000 ms (1 sec)
Initialize one or more drop down menues by submitting one or more node ids to the function.
Opens an existing drop down menu and aligns it to the element
Close menu and all open nested menus

Constants

VSK_MENU_CLOSE_TIME

Time it takes for a menu to close after the mouse pointer has left it (ms) , default = 1000 ms (1 sec)

Functions

ddmnu_init

function ddmnu_init(menus,
nMarg,
useFx,
fxTime,
shad,
shadX,
shadY,
shadC,
shadT)

Initialize one or more drop down menues by submitting one or more node ids to the function.

Parameters

array menusarray holding menu node ids of menus that you want to initialize
int nMargmargin between nested menus and their parent menu (px)
<string useFx>define which effect to use for menu opening
<int fxTime>time of the menu opening effect (ms)
<bool shad>if true the shadow affect (vegui.sk.ani.shadow.js) will be applied to each menu
<int shadX>x offset of the shadow (px)
<int shadY>y offset of the shadow (px)
<string shadC>color of the shadow (valid css color string)
<int shadT>shadow transparency (1-100)

useFX values

’fade’fade effect of vegui.sk.ani.fade.js is used
’morph’morph effect of vegui.sk.ani.morph.js is used
nullno effect us used

VSK_Node

Summary
Opens an existing drop down menu and aligns it to the element
Close menu and all open nested menus

Functions

ddmenu_open

VSK_Node.prototype.ddmenu_open = function(id,
align,
x,
y)

Opens an existing drop down menu and aligns it to the element

Parameters

var idnode id of the drop down menu
string aligndefines how the dropdown menu is aligned to the element
<int x>x offset (px)
<int y>y offset (px)

Align Values

’b’bottom alignment, menu will be opened below element
’t’top alignment, menu will be opened above element
’l’left alignment, menu will be openend on the left side of the element
’r’right alignment, menu will be openend on the right side of the element

See Also

ddmenu_close

Returns

VSK_Nodeself

ddmenu_close

VSK_Node.prototype.ddmenu_close = function(force)

Close menu and all open nested menus

Parameters

<bool force>force closing

Returns

VSK_Nodeself
function ddmnu_init(menus,
nMarg,
useFx,
fxTime,
shad,
shadX,
shadY,
shadC,
shadT)
Initialize one or more drop down menues by submitting one or more node ids to the function.
VSK_Node.prototype.ddmenu_open = function(id,
align,
x,
y)
Opens an existing drop down menu and aligns it to the element
VSK_Node.prototype.ddmenu_close = function(force)
Close menu and all open nested menus
vegui.sk.std.js
vegui.sk.std.js vegui.sk.ani.js
vegui.sk.std.js vegui.sk.ani.js
Allows you to add a static shadow effect to any HTML node