Archive for the ‘Menus’ Category
Easy List Splitter – jQuery plugin

The plugin will get your list, wrap it into a container div, generate as many lists as the number of columns you require and evenly split the list items into the different list elements. If the list items are not enough to evenly fill in all the columns, the plugin will hide the columns in excess (this might happen only if you’re ordering your list items vertically as per default).

Requirements: jQuery
Website | Demo | Download
License: GPL

Easy List Splitter – jQuery plugin
No Comments »
jQuery Easy Accordion Plugin

Easy Accordion plugin will get your definition lists (DTs) and generate a nice and smooth horizontal accordion. You can then decide to make it a timed slideshow or leave it still.
Easy Accordion Plugin keeps the HTML to the minimum, is SEO friendly and fully accessible, uses the CSS rotation to rotate the slide titles (no need for images here!), works in all the major browsers, allows for autoplay, it’s opensource and fully customizable and, what count most, it’s free!

Requirements: jQuery
Website | Demo | Download
License: GPL

jQuery Easy Accordion Plugin
No Comments »
Simple Animated Menu with Mootools

Curious how to build something like the menu featured on this site for your next web design project? (note IE6 users – the menu is not implemented for you as your browser does not properly support png transparency, but with a solid background, it would work great). To make the menu, you won’t even have to muck about in javascript.

Simply define:

  • a container for the background image
  • the nav elements
  • the ‘current’ nav element ID
  • the animation’s horizontal track (the y coordinate of the background-image)
  • the left offset of the image in relation to the nav element

Basically, you just tell the function where to put the background image you want to animate, what the buttons are and how to identify the current id, then position its x and y coordinates in relation to the elements. If you are new to javascript web development, and not sure what this all means, keep reading. It breaks down very simply.

mootools_menu

Requirements: MooTools 1.2
License: Public Domain Certification
Demo: http://www.consideropen.com/blog/2008/06/simple-mootools-12-animated-menu/


No Comments »
FameID Flash XML Menu

FameID Menu is an easily configurable and XML driven menu that allows to add navigation menus to your website in no time. It does not require any programming skills nor takes long to install and configure. It is straight-forward and can be transformed from one look to another in minutes.
You can set up different configuration sets (looks) for your menu and load up any of them at any time.
It is very flexible in the way that it can be configured so that you can change almost anything in its look. Things like items’ background images, transparency levels, colours, sizes, speed of animation, general looks of items, their borders or their submenus can be changed by just editing a common confuration file, which is written in plain text.

fameIDmenu

Website: http://www.fameid.com/menu/index.php
Demo: http://www.fameid.com/menu/index.php?option=com_content&task=view&id=14&Itemid=15
Download: http://www.fameid.com/menu/index.php?option=com_content&task=view&id=15&Itemid=19


No Comments »
Scrollovers – A new way of linking

Scrollovers are a way to quickly and easily add flair to your web pages, giving your users an experience they weren’t expecting.

Integration of Scrollovers into your web site couldn’t be easier, even if you’ve already built the site that you want to include Scrollovers on. In just minutes you will be able to have them appearing on your own pages.

A major advantage of Scrollovers being created using standard HTML and Javascript is the option of applying CSS styling, just like you would on any other Hyperlink.

scrollovers

Website: http://www.scrollovers.com
Download: http://www.scrollovers.com/js/scrollovers.js


No Comments »
Your ads
flabell
advertise
Advertisement