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

street fighter2

• Move
• ASDhand attack
• ZXCFoot attack

street fighter

Control

• Move
• Jattack
• Kjump
• Lfly attack

[FBP] Hijacking Facebook Pages

A Facebook security flaw ?�� or, perhaps, a misunderstanding ?�� lets Page admins boot the creator of the original Page from admin status, effectively hijacking the Page, Naked Security reports.

One could argue that this is working as intended: if the creator of a Facebook Page lets someone else in as admin, they have the same administrative rights as them, right? Wrong. Facebook?��s FAQ clearly states that ?��the original creator of the Page may never be removed by other Page admins.?��

Unfortunately, as visible in the video embedded below, a newly appointed page admin can remove the Page creator's admin status, which can be very nasty in certain cases. Today, Facebook Pages are more than fun, they're a serious part of business promotion and losing administrative access to a Page can lead to host of problems.

Is it a security flaw or simply an error in Facebook's FAQ? According to the Register, it's the latter. Ultimately, it doesn?��t matter: either way it will confuse users and cause problems, since the FAQ says one thing and the reality is very different.

We've asked Facebook for comment but haven't yet heard from them.

Have you ever had a Facebook Page hijacked by another admin? Please, share your experiences in the comments.

Adding a Syntax Highlighter to your Blogger blog

Syntax or code highlighting is important particularly when you need to show code examples on your blog. It is always a big task to read codes on a blog or a website without syntax highlighting, though they are enclosed with code tags. By integrating the syntax highlighter on a blog or a website, readers can read the code examples easier. There are so many free syntax highlighting scripts available on many websites. Most of the scripts are written in JavaScript, though some of them are powered by other programming languages such as Phyton or Ruby. I believe "SyntaxHighlighter by Alex Gorbatchev" is the most common syntax highlighting script used by most of us. It supports a lot of different languages and you can easily create new "brush" for your language if it is not supported by default.

Using Python and jQuery

Python has a solid set tools to power web applications. The necessary knowledge lies in passing variables between python and jquery, however this can be hard to figure out. Here is a simple tutorial on how to send information between python and jquery to make python-powered web applications. 1. Write the HTML

Python-jQuery Example

Sliding elements

In the previous chapter, we saw how we could fade elements in and out of visibility using the fading methods of jQuery. However, sometimes a sliding effect is a better choice, and for that, jQuery has a set of matching methods for doing just that. Let's kick off with a simple example of it, where we use the slideDown() method:

Hello, world!

Show box

Fading elements

Doing simple animation is very easy with jQuery. One of the effects it supports out-of-the-box, is fading an element in and out of visibility. Here's a simple example, where we fade in an otherwise hidden box, using the fadeIn() method:

Hello, world!

Show box

Working with widths and heights

jQuery makes it easy for you to work with the dimensions of your elements and even the browser window. You can use the width() and height() methods for finding the dimensions, or alternatively the innerWidth()/innerHeight()/outerWidth()/outerHeight() methods, depending on the measurements you need. First a little example illustrating the differences and the some explanation:

Show element dimensions

The live() method

In the previous chapters, we used the bind() and unbind() methods to attach and detach event handlers to various elements on the page. This works great for elements which already exists, but what if you want your event handler to be attached to future elements as well? Normally you would have to do this manually, upon creating the new elements, and this is still possible. However, using the live() method, you can inform jQuery to attach your event handler to any future elements which matches your original selector, without having to lift a finger. Let me first show you an example where we use the bind() method, and then replace it with the live() method, to show you the difference:

Add box
        


This is a box

The unbind() method

In the previous chapter, we used the bind() method to subscribe to events with jQuery. However, you may need to remove these subscriptions again for various reasons, to prevent the event handler to be executed once the event occurs. We do this with the unbind() method, which in its simplest form simply looks like this:

$("a").unbind();

This will remove any event handlers that you have attached with the bind() function. However, you may want to only remove event subscriptions of a specific type, for instance clicks and doubleclicks: $("a").unbind("click doubleclick"); Simply separate the event types with a comma. Here is a more complete example, where you can see it all in effect:

Test 1
Test 2