xWinLib - Sliding Menus - Horizontal and Vertical     [back]     [page source] [library source]

Mouse-over and click

Click to select, double-click to process tab actions Mouse-over to select, click to process tab actions Mouse-over to select Features: Support for horizontal and vertical menus Sliding menus can be absolutely or relatively positioned Support for floating sliding menus Multiple menus can co-exist within a single page Menu "tabs" can be different sizes Auto-scale within specific width or height Customizable animation settings Auto-open to any tab Tabs open by rollovers or clicks Override custom class and style attributes Works with Firefox, IE, Safari, Opera, Chrome Requires Javascript Less than 1.5k gzip payload Syntax: // varname = new slideMenu( str divid, int width, int height, json opts ) // varname.addItem( int min, int max, int normal, json opts ); smenu = new slideMenu( "slideMenu1", 143, 540, { cursel : 0, // 1-based start tab, 0 for none isClick : false, // require click to open tab isVertical : false // display menu vertically } ); smenu.addItem( 105, 285, 150, { action : "", // click/dblclick action cname : "", // classname content : "", // content to display img : "john.gif", // bg image title : "", // rollover text xstyle : "" // style attributes } ); smenu.render( 'smenu' ); // All "opts" values are optional // View page source for details Note: images attributed to http://davidwalsh.name/dw-content/kwicks.php in his mootools kwick demo discussion.