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.