lan.kevi my l0ve.i luv u s0 much

 i luv u s0 much

kute and...

omg

Blink and bounce effect on image or object using jquery

Yesterday, Sushil asked me how can we bounce and blink an image or div using jQuery.In this post, I”ll show you how you can add bounce or blink effect to an image or div using jQuery.

Live Demo

First of all, let’s begin with the html code to add blink and bounce effect to your object using jQuery.

HTML Code:

<div id="object" class="message"> lorem ipsum dolor sit amet, consectetuer adipiscing elit orem ipsum dolor sit amet, consectetuer adipiscing elit </div>

Here the object which is needed to be animated is defined with the class”message” and with id “object”. Remember that, you can also put image in that “div” to bounce or blink.

Css Code:

.message{
border:1px solid #CCCCCC;
padding: 5px;
width: 150px;
background-color:#F4F4F8;
text-align:justify;
position:absolute;
top:50px;
}

You can see the attributes of the “message” class in css. You can change the above attributes as your need but remember one thing that the position property should be “absolute”. If you put it “relative”, the other object around the animated “div” or “image” starts get moved.

Javascript Code:

For blinking out the Object

//hide the object with blink effect
$("#blink_out").click(function()
{
  $("#object").fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100);
});

As you can see above code, it is straightforward. When an element with id “blink_out” gets clicked, the element with id “object” gets animated with “fade out” and “fade in” effect of jQuery in alternative manner.

For blinking in the Object

//show the object with blink effect
$("#blink_in").click(function()
{
  $("#object").fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
});

As you can see this code is same as the above code but altered the way the “image” or “div” gets faded.

For bouncing the Object

//bounce an object
$("#bounce").click(function()
{
  $("#object").fadeIn(100).animate({top:"-=20px"},100).animate({top:"+=20px"},100).animate({top:"-=20px"},100)
.animate({top:"+=20px"},100).animate({top:"-=20px"},100).animate({top:"+=20px"},100);
});

In the above code, we’ve used jquery’s animate() function to bounce an “image” or “div”. The “top” attribute of the object is toggled to show the bouncing effect on the object.
Download full source code

25 Plugins for jQuery Facebook

Facebook is an integral part of our lives and we are so used to of check it for professional or personal reasons, that its difficult to live without it. Facebook is so popular that you can find various jQuery plugins which helps you make adapt different features and styles of Facebook on your website.
This is in a way good also because people and accustomed of using Facebook and they can link themselves better with the sites that offers them Facebook like features. Thus we have brought 25 best plugins for jQuery Facebook to bring you closer to your best social media website.
If you like this article, you might be interested in some of our other articles on jQuery Navigation Tutorials, jQuery UI Resources, jQuery Scrollbar Plugins, and jQuery Gallery Plugins.
Hovercard You can now create a hovercard just like Facebook’s hovercard, with this plugin. A hovercard can be called as a way to show related information in card format when you hover over text or link.


More Information on Hovercard

55 jQuery Animate Resources

Gone are the days when every beautiful animation on a website was considered to be born out of Flash. But not any more. Slowly but steadily jQuery has stolen all the limelight from Flash and has fascinated the developers with its unmatchable features.
jQuery is known as write less do more script. jQuery Animate in such a wonderful manner that you hardly think about opting out for heavy flash websites. We have collected really invigorated jQuery Animate Tutorials which will open new doors of possibilities for you.
We are presenting a whooping list of tutorials and plugins which will show you how you can create wonderful animations using jQuery. With availability of various JavaScript frameworks, jQuery is quickly becoming a front-runner in every aspect. If you are looking out for some resources to enhance your knowledge level, you will surely love today’s post that has more than 50 jQuery Animate Tutorials. You will get a peek-a-boo in some easy and many advanced level animations which you might be considering a flash product till now.
If you like this collection, you might be interested in some of our older articles on jQuery Slideshow Plugins, jQuery Tooltip Plugins, jQuery Table Plugins, jQuery Dropdown Menus, and Is jQuery Really Capable of Replacing Flash?.


Create a Cool Animated Navigation with CSS and jQuery
   Author is going to build a really cool animated navigation menu using just CSS and jQuery.

More Information on Create a Cool Animated Navigation with CSS and jQuery 

police girl

 

 

 

Girls z

 

 

Piece reward so that 0.7

• ADMove
• Sdefense
• Jattack
• Kjump
• LTeleport
• ULong-
• INirvana

• Skills
• WJSkills 1
• SJSkills 2
• KJSkills 3
• WUSkills 4
• SUSkills 5
• KUSkills 6

Savage Wars dinosaur

• Use Mouse