Jquery shake effect - part 2

Hurrey 100th post , and again on Jquery :)


Jquery shake effect is very popular & more searchable topic now a days.

Long back i had written a post on jquery shake effect. this is my part 2 post where here I'm going to explain what all method and what option you may find in JRumble plugin
 
You must have seen that vibrant, rotate, shake and many other elements of effects. using css and other scripting language you can create more eye catch able effects.

JRumble is new plugin which has more elements on effects. it also a good plugin with hover and direction effect.

Below are few objects

  $('imgName').jrumble();
  // you may stop the elements like this way
  $('imgName').trigger('stopRumble');

You many even customize this options with below attributes:

Rotation : set the range , default is 1

Speed : set  frequency or speed between the two movements

X : set horizontal pixels

Y : set vertical pixels

and there are many other elements. 

The below code shows the example along with basic functionality.

$(document).ready(function() {
    $('ImageName').jrumble({
        y:4,
        x:3,
        rotation: 10,
    speed:500,
    opacity:100
    });

    $('ImageName').hover(function() {
        $(this).trigger('startRumble');
    }, function() {
        $(this).trigger('stopRumble');
    });
});​

See the below example :

css techniques

on web application CSS is playing very important role . And it is being used more and more often. Cascading Style Sheets has many advantages
like layout, design of the page,presented on the page and so on

here i have some collections of stuffs on CSS technique .



1.

Drop Cap – Capital Letters with CSS

2.

Define Image Opacity with CSS

3.

How to Create a Block Hover Effect for a List of Links

4.

Pullquotes with CSS

5.

CSS Diagrams

6.

Footer Stick

7.

CSS Image Map

8.

CSS Image Pop-Up

9.

CSS Image Replacement for Buttons
10.

Link Thumbnail

11.

CSS Map Pop

12.

PHP-based CSS Style Switcher

13.

CSS Unordered List Calender
14.

CSS-Based Tables: Techniques

15.

Printing Web-Documents and CSS

look at here more

Best Ajax , Jquery ,Css Calendar collections

Calendar is one of the requirement while taking a input from user in terms of
Data of Birth , Start Journey , Admission Date and so many .its a Essential Control in terms of all the Application Development.

here are the some cool and nice collections of calendar most of them are in ajax, css , and Jquery . hope you like it .

1. VLA Calendar



2. ASP.Net calendar



3. Date Input Calendar



4. using Prototype date picker



5. Jquery Calendar



6. Date and Time Picker




hope u like this collection , will keep on updating ,
if u know any one in this plz send a comment on it,