![Yays Yays](/images/upup.gif)
Basic image Rotate effect with jQuery
Description: This is an final product of a Wilq32.PhotoEffect Snippet (browse blog to get more information). Actually you can use this simple and tiny script to rotate images (any angle) directly on client…
![Yays Yays](/images/upup.gif)
Jquery And CSS3 Virtual Light Table With Draggable Photos
how to use CSS3 and jQuery to create a nice-looking virtual light table with draggable photos. A traditional light table is a flat illuminated panel that you can place transparent slides on for viewing.…
![Yays Yays](/images/upup.gif)
Annotation Overlay Effect with jQuery
we will create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio. The Markup The HTML is pretty simple: we have a main “portfolio” wrapper…
![Yays Yays](/images/upup.gif)
CSS3 Super slick jQuery menu
The plugin called jSlickmenu, creates, well, slick menus with jQuery. Combined with some great CSS3 features likes rotation and shadows, this plugin can really lift up your design. It's fairly easy to…
![Yays Yays](/images/upup.gif)
Jquery Image Fade Cross Transition
Image rollovers were the staple JavaScript nugget of the 90s, and for a lot of JavaScript developers I know, one of the starting places their passion for JavaScript. Today, rollovers are a no-brainer…
![Yays Yays](/images/upup.gif)
jQuery fading header effect
The HTML and CSS The HTML is very straight forward. We have a h1 element with a link inside of it. We’re going to hook our Javascript onto our header (or whichever element we want to add this effect…
![Yays Yays](/images/upup.gif)
jQuery plugin ImageView
This is jQuery plugin which can help you to create image viewing in your site more useful. Code excample <div id="imageView_container"> <img src="photos/image-800x500.jpg" rel="photos/image-1680x1050.jpg"…
![Yays Yays](/images/upup.gif)
Amazing Webkit Image Hover Effects with CSS3
Image Shrink Effect The image will shrink if you put your mouse pointer on top of it. It is achieved by using the -webkit-transform:scale(value) property. The HTML <div id="demo-1" class="demobox">…
![Yays Yays](/images/upup.gif)
Yoyo hover effect jQuery and CSS3
Haven’t you ever just wanted a yoyo on your webpage? A beautiful, animated, spinning yoyo that slides down like a real yoyo would? The HTML There is very little HTML markup, so it is pretty easy…
![Yays Yays](/images/upup.gif)
CSS and Jquery: an Image Slider
Basically you are going to create a jquery effect. When a holder is hovered over the top image slides down to reveal the image underneath. I will also explain how to use position absolute to float an…
![Yays Yays](/images/upup.gif)
jQuery Plugin: rotate3Di - Flip HTML content in 3D
Rotate3Di is a jQuery Effect Plugin that makes it possible to do an isometric 3D flip or 3D rotation of any HTML content. It also enables custom 3D rotation animations. CSS Transforms are used to create…
![Yays Yays](/images/upup.gif)
Popout Details on Hover CSS3
HTML The columns are made up of unordered list items, within each list item is the thumbnail image and the details of the item wrapped in a class of "info". <ul class="columns"> <li> <a…
![Yays Yays](/images/upup.gif)
jCaption: jQuery Image Captions with Customizable Markup, Style and Animation
jCaption is a jQuery plugin designed to make adding captions to a page dead simple. It takes an image element and uses one of its attributes to build the markup for a caption. It allows for both arbitrary…
![Yays Yays](/images/upup.gif)
Color Changing Text and Backgrounds w/ jQuery
Here’s a quick and easy way to cycle between multiple colors smoothly. Normally you would define the (background) color in the CSS and that would be the end of it. In this case we want to be able…
![Yays Yays](/images/upup.gif)
New jQuery plugin: “Fly Off Page”
There is a new jQuery plugin, it’s called "Fly Off Page". It will take selected elements and make them fly (not literally) off the page in a random or pre-defined direction. Customizable options…
Tags
accordion accordion menu animation navigation animation navigation menu carousel checkbox inputs css3 css3 menu css3 navigation date picker dialog drag drop drop down menu drop down navigation menu elastic navigation form form validation gallery glide navigation horizontal navigation menu hover effect image gallery image hover image lightbox image scroller image slideshow multi-level navigation menus rating select dependent select list slide image slider menu stylish form table tabs text effect text scroller tooltips tree menu vertical navigation menu