effect using pure css & jQuery

14 jquery and CSS demos
Whether sliding, Pagescrolling, a Lightbox pop-ups or Drag ‘n Drop Effects, jQuery provides plenty of opportunities to implement virtually any requirement for a matching feature.
Today I have collected 14 demos of jquery and css ,I wish I knew them before. Just go through the list you will surely love it.

1. Aything Slider

2. Contactable

3. Display Switch

4. Fly To Basket


5. Feature List


6. Accordion


7. Fading Caption Thumbnail


8. Hover shift


9. Simple Slide Panel


10. Animated Hover


11. Fade In Fade Out


12. CSS Sprite way sexy bookmark effect


13. Content Scroll – Lightest ever


14. Sexy Dropdown

via http://www.webdeveloperjuice.com/2010/01/14/14-jquery-and-css-demos-i-wish-i-knew-much-before/

Let me have a blog: haccordion, a simple horizontal accordion plugin for jQuery

haccordion, a simple horizontal accordion plugin for jQuery

I need one menu with horizontal accordion, but the plugins that I have looked doesn’t like me, too much requirements or code, really I need something more simple, so in few minutes I write a simple plugin.


It is very simple, with a few parameters: speed set the velocity of the animation, headerclass set another classname for header divs (by default “header”), contentclass set another classname for content divs (by default “content”), contentwidth is the final with of each content panel.

code & script & demo at:  Let me have a blog: haccordion, a simple horizontal accordion plugin for jQuery.


Horizontal Accordion script

Description: This script turns an ordinary UL list into a horizontal accordion! Move your mouse over a LI to expand it side ways while contracting its peers. The HTML markup of the Accordion (UL list) can either be defined inline on the page, or inside an external file instead and fetched via Ajax. Plus you can specify which LI should be expanded by default, whether to persist the last expanded LI (within a browser session), and also, expand a particular LI by passing in different parameters into the URL string. All this makes for a versatile, smooth horizontal accordion!

Demo #1- One content always open, persistence of last expanded content enabled:


Visual Lightbox JS: Free Visual Generator for Lightbox 2 Script for jQuery or Prototype. jQuery Lightbox.


Visual LightBox JS is a free wizard program that helps you easily generate web photo galleries with a nice Lightbox-style overlay effect, in a few clicks without writing a single line of code.

Just drag&drop your photos into Visual LightBox window, press “Publish” and your own web gallery with beautiful LightBox 2 effects will open in the browser instantly!

No javascript,css,html coding, no image editing, just a click to get your gallery ready.

Visual LightBox Features

  • Flickr and Photobucket support
  • jQuery plugin or Prototype extension
  • Floating and smooth cross-fade transition
  • Slideshow with autostart option
  • Windows & MAC version
  • XHTML compliant
  • Zoom effect with overlay shadow
  • Rounded corners of overlay window
  • Large images fit to browser window
  • A lot of nice gallery themes
  • Image rotating and hi-quality image scaling with anti-aliasing
  • Automatic thumbnail creation
  • Adding caption
  • Built-in FTP

via Visual Lightbox JS: Free Visual Generator for Lightbox 2 Script for jQuery or Prototype. jQuery Lightbox..

ColorBox – customizable lightbox plugin for jQuery 1.3 & 1.4

ColorBox: jQuery Lightbox

  • Supports photos, photo groups, slideshow, ajax, inline, and iframed content.
  • Lightweight: less than 9KB of JavaScript.
  • Appearance is controlled through CSS so users can restyle the box.
  • Behavior settings can be over-written without altering the ColorBox javascript file.
  • Can be extended with callbacks & event-hooks without altering the source files.
  • Completely unobtrusive, options are set in the JS and require no changes to existing HTML.
  • Preloads background images and can preload upcoming images in a photo group.
  • Written in jQuery plugin format and can be chained with other jQuery commands.
  • Generates W3C valid XHTML and adds no JS global variables & passes JSLint.
  • Released under the MIT License.

Tested In: Firefox 2 & 3, Safari 3 & 4, Opera 9, Chrome, Internet Explorer 6, 7, 8.

via ColorBox – customizable lightbox plugin for jQuery 1.3 & 1.4.

WP SexyLightBox « WordPress Plugins

WP SexyLightBox

This plugin will add SexyLightBox to all the images in your blog, as long as they’re linking to the image file, it’s not necessary to add “rel=lightbox” anywhere, the plugin does it for you.


via WordPress › WP SexyLightBox « WordPress Plugins.

jQuery Colorbox

Yet another Colorbox plugin for WordPress.

When adding an image to a post or page, usually a thumbnail is inserted and linked to the image in original size. All images in posts and pages are displayed in a layer when the tumbnail is clicked. Images are grouped as galleries when linked in the same blog post or page.

Images can be excluded by giving them a special CSS class.