Swmenufree Style by Deluxe-Menu.com
Swmenufree Style

Menu Screenshots

Swmenufree Style Javascript Trees

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed swmenufree style samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Image Rollover Menu Swmenufree Style
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Cost Effective
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: I have some problems with Deluxe Tree.
I have set the   var tlevelDX to 5 to decrease the indent for each level of items, but would like to decrease the indent even more. Ican't find the parameter that will set the indent in pixels of thefirst level item.

Also, is there a setting that will put text for a menu item on a second line?

I hope that you can help.


A: You can make the smallest indent this way:
  var tlevelDX = 0;
You are not able to have more little indent. This place is reservedfor + buttons.

Try to set this parameter:

  var tnoWrap=0;

You can also use <br> tags in the item text, for example:

  var tmenuItems = [
["line 1<br>line 2"],
];


Q: I am evaluating your Deluxe Tuner / Tab program and was wondering how to add content below the tabs, like you have on your site.

You have the tabs, then a content area below each tab. How is this done with your product.


A: You should use ID attribute of object to show in the second parameterof bmenuItems. You set it in the "Item Parameters" window ("Link"parameter).

You should also set:
  var tabMode = 0;

So, you'll have, for example, the following bmenuItems:
["tab text","div1", ...],
["tab text","div2", ...], Here "div1" and "div2" is IDs of objects within your html page, for example:
<div id="div1">text 1</div>
<div id="div2">text 2</div>

You can also see examples, which you can find in the trial package.


Q: Working with dhtml tab menu, how do you place content under them?

A: You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center>>img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>


Q: I want to use a Flash icon with sound next to the menu items, is this possible?


A: Yes, you can use a flash icon in the menu items.
See how you should install your flash icon:

  var menuItems = [

["<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' width='50' height='50'><param name='movie' value='data.files/bullet_orange.swf'><param name='quality' value='high'><embed src='data.files/bullet_orange.swf' quality='high' bgcolor='#FFFFFF' width='50' height='50' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'></embed></object>Home","testlink.html",""],
["Product Info",""],
 ["|Features","testlink.html"],
 ["|Installation","testlink.html"],
...