CSS Alternatives to Javascript Examples
Category: CSS, Showcase, inspiration, jquery | 2,194 views | 2 Comments |
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

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.
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 Now | View Example Read more…
- No Related Post
Jquery Examples
Category: Resources, jquery | 3,888 views | 6 Comments |
- 1. jQuery Lavalamp Menu – It 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 Menu – This jQuery plugin provides easy implementation, CSS styling, keyboard shortcuts and control methods.
- 4. Kwicks for jQuery – This highly versatile and customizable widget had started as just a port for Mootools framework.
- 5. jQuery iPod-style Drilldown Menu – jQuery 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 Tree – This 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.
- 7. Recreate Mootools Home Page-Inspired Navigation Effect – Users of jQuery can recreate the same effects that you see in a Mootools.
- 8. CSS Sprites2 using jQuery – One 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.
- 9. jQuery Accordion – It is the jQuery plugin that allows the creation of the accordion menu. It can be used for nested lists, nested divs and definition lists. This plugin has options for structure specification, active element, when necessary, and animation customization. Read more…
- jQuery Tutorials and examples
- Top 100 jQuery Examples
- Jquery Examples
- CSS3 and jQuery Examples
- 25 jQuery Images Plugins Samples
- Best jQuery Tutorials and examples
- 500 Popular jQuery Examples
- How jQuery Works
- 100 jQuery live samples
- What is jQuery?
Popular Tags
Ajax ajax demo ajax examples Blog CSS CSS3 CSS4 CSS Examples css forms CSS Samples CSS Tips CSS tricks designer Designer Portfolio Desktop Wallpapers Earn Money Earn Money Online free Desktop Wallpapers free Fonts Free Icon Free icons Free Wordpress Themes Google AdSense html5 Examples inspiration jquery jquery demo jquery examples jquery samples logo design menu design Open Source Photoshop Tutorials Resources SEO SEO Tips Tutorials usability Video Tutorials Web Designers Website Designs Web Usability Wordpress wordpress plugin XHTMLComments
- plant: Philodendron http://rlipstickrgr9.AWESOMEBABYCLOTHES.INFO/tag/Philodendron+plant+Plant/ : Plant... plant...
- City: auburn http://wger3l.AUTOPARTSVILLE.INFO/tag/City+Alabama+auburn/ : auburn... Alabama...
- net: TV http://mcobra3zelc.BEDROOMPROPERTY.INFO/tag/net+TV+Hughes/ : Hughes... TV...
- sink: bathroom http://ulegendlkpd.AUTOPARTSVILLE.INFO/tag/bathroom+sink+legend+sinks/ : sinks... sink...
- sale: cobra http://pshelbybts.04FORDPARTS.US/tag/sale+cobra+model/ : model... cobra...
- citizen: Printer http://wcitizenrsb-a.BESTPARTSPLUS.INFO/tag/systems+citizen+Printer/ : Printer... citizen...
- Vent: hearth http://osofatwv.copious-systems.com/tag/hearth+Fireplace+Vent/ : hearth... Fireplace...
- Lift: Free http://rcitationwk9iyo.ALLSTOCKSPORT.INFO/tag/Four+Lift+Free/ : Free... Free...
- Bois: Bois http://jperfume2twdxe0.AUTOPARTSVILLE.INFO/tag/Bois+De+Jasmin+chergui+Perfume/ : De... Bois...
- c3b: cell http://mdimplexybtodje.BABYCLOTHESNUT.INFO/tag/c3b+cell+phone+C300+pantech/ : cell... C300...
Popular
- Download DirectX 10 for Windows XP
- Top 100 most popular names of girls
- 10 Most Popular Flash Content Management Systems
- INTERNET USAGE STATISTICS 2010
- Chrome Version Statistics 2010
- Browser Statistics 2010
- Top adsense earning Money Making Blogs
- 95 Free Latest Gadgets PSDs Download
- 30 Free World Maps Examples
- Free WordPress Themes 2010 download
- 50 Free Download XHTML TEMPLATES 2010
- A Showcase of Best Shopping Websites
- Top Html 5 Websites List
- CSS Alternatives to Javascript Examples
- CSS3 Buttons examples
- CSS3 Image Galleries and Sliders demo
- 30 jQuery Animation Plugins Examples
- Free Rich-Text Editors
- Top domain name picking tools
- drawing up diagrams Tools and Apps
- how to use png image in ie6 ?
- Free charts and graphs examples
- Jquery Examples
- CSS3 and jQuery Examples
- Top 100 jQuery Examples
- CSS Tab-Based Interfaces Examples
- 10 Practical Uses For AJAX
- 10 Jquery components and plugins
- jQuery Navigation Examples
- Free Download Ebooks through Search Engine
Top Resources
- Top earning Money Making Blogs
- 95 Free Gadgets PSDs Downloads
- Free World Maps Vector Examples
- TOP TEN: Best Wrestling Video Games Of All Time
- 25 Free WordPress Themes 2010
- 50 Free Download css xhtml TEMPLATES 2010
- 50 Best online Shopping website Showcase
- 20 HTML5 Examples Websites
- CSS Based Forms Examples
- Top Horizontal Websites List
Sponsored Links
home | All Articles | CSS Code Examples | tags | contact us | rss
© CSS Tutorial 2008, All rights Reserved.



