Hey guys!

 

Today I have developed a small script to show a flying twitter bird on a web page. It is easy to install, and it won’t take more than a minute!

This twitter bird will fly from left to right and will stop when you hover your mouse.

Take a look at the demo hosted here

 

Installation

1. Download THIS image and THIS javascript file

2. Add the following codes to your html ( anywhere within the <body> </body> tag )

<script type="text/javascript">
var twitter_username = "sunshellnet" ;
</script>
<script type="text/javascript" src="jquery.twitterbird.js"></script>

 

You can change the twitter username and add your own username

That is all right, and you are done! If you are putting the images and javascript in another location, make sure that you change the location in the html and js file.

 

You can download the files from here

 

If you are able to modify the script, be sure to share with me :)

Thank you!

jQuery Flying Twitter Bird Script

13 thoughts on “jQuery Flying Twitter Bird Script

  • March 13, 2012 at 5:29 pm
    Permalink

    Something new…. great!!!!

    Reply
  • April 9, 2012 at 10:44 pm
    Permalink

    This is so awesome, I’ll definitely use this! Thanks a bunch.

    Reply
  • October 3, 2012 at 11:00 pm
    Permalink

    Hi Vivek…Very cool twitter add on for a website and set up was very simple and easy. Thanks a millions.

    -Unni

    Reply
  • December 3, 2012 at 1:15 pm
    Permalink

    Hey Vivek…This is good one..but it doesn’t work in IE8 & IE9

    Reply
  • December 3, 2012 at 1:17 pm
    Permalink

    It works once and then it stops working..I am not sure of the issue..
    Thanks in advance.

    Reply
  • December 5, 2012 at 1:18 pm
    Permalink

    Thanks for ur nice lecture

    how can i edit if i want twitter bird fly where i want to see for flying?

    Reply
  • May 8, 2013 at 12:15 pm
    Permalink

    jquery flying twitter bird is amazing sir,,,
    but it is not working in internet explorer 8 and in firefox 10.2 it is flying but it is going from the back of flash banner…

    Reply
  • October 4, 2013 at 11:10 pm
    Permalink

    Thanks man. This is very useful

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

captcha

Please enter the CAPTCHA text

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>