CSS Alternatives to Javascript Examples

Category: CSS, Showcase, inspiration, jquery    |    2,194 views    |    2 Comments  |   

Bubble Effect with CSS

Bubble Effect with CSS
You might be familiar with the plugin jQuery Dock which allows you to create a menu like Apple Dock. With this tut, you will learn how to create a similar menu with bubble effect by using only pure CSS. The tutorial includes two methods: CSS sprites (basic) and image swapping (advanced).

Pure CSS Speech Bubbles

Pure CSS Speech Bubbles
Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaScript. This tutorial contains various forms of speech bubble effects created with CSS2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML.

30 jQuery Animation Plugins Examples

Category: Resources, jquery    |    2,478 views    |    3 Comments  |   

1. AJAX-ZOOM – Image Zoom – Pan Gallery plugin

AJAX-ZOOM is a sophisticated image zoom & pan gallery plugin based on jQuery and PHP. With over 250 options it is very flexible and can be integrated into any website.

Download NowView Examples

2. Image Rotator

Simply rotates an image by a certain degree or allows the user to rotate an image by dragging around a central axis.

Download NowView Example Read more…

  • No Related Post

 

Jquery Examples

Category: Resources, jquery    |    3,888 views    |    6 Comments  |   
    1. jQuery Lavalamp MenuIt is the jQuery plugin that is based of Guillermo Rauch plugins for mootools and Ganesh Mawwaha’s jQuery 1.1.x plugins. Through the Sliding Doors CSS/Javascript method, you are able to add a background hover effect on HTML link lists with Lavalamp by utilizing the Eazing library.
    2. Superfish Menus – Suckerfish on ‘roids, This jQuery plugin allows the development of improved Suckerfish style of dropdown menus from the existing pure CSS type of dropdown menu. The features that are added as a result of these include: a timed-delay on mouseout, automatic utilization of hoverIntent plugin when present; obligatory IE6 –hover capability; animated sub-menu; accessibility through keyboard tab key; generation of arrows to indicate the submenus; use of drop shadows for browsers that are capable; and many others.
    3. jQuery Context MenuThis jQuery plugin provides easy implementation, CSS styling, keyboard shortcuts and control methods.
    4. Kwicks for jQueryThis highly versatile and customizable widget had started as just a port for Mootools framework.
    5. jQuery iPod-style Drilldown MenujQuery has an iPod-style drilldown menu that helps users traverse hierarchical data with relative ease and control. This feature is very useful in organizing large data structures that don’t translate well into the traditional fly-out or dropdown menus.
    6. jQuery File TreeThis jQuery plugin is a configurable AJAX file-browser plugin where you use to create a fully interactive and customized file tree as little as one of the Javascript code.
    8. CSS Sprites2 using jQueryOne can use jQuery to implement CSS Sprites2. One distinct advantage of jQuery over the other javascript libraries is that it allows users to select elements on a pages using CSS-like syntax that we are already familiar with.