24
Sep
2013

jQuery caption Overlay

Posted in: jQuery 2 Comments
post image

In this tutorial we will create caption overlay slider using jQuery. This is very useful to show some description of any image on hover. This saves space and also looks very attractive.

22
Sep
2013

jQuery Message Bar

Posted in: jQuery No Comments
post image

In this tutorial we will create a cool looking message bar with jQuery. This message bar will be displayed at the top of your website. Demo Download Step 1: Prepare HTML Create HTML code for the message bar. Add this [..]

12
Oct
2012

Simple ToolTip Effect Using jQuery

Posted in: jQuery No Comments
post image

What is tool tip: Tooltip is a small popup box which opens when you mouse hover any element. This popup box gives some brief information about that element. Thus ToolTip improves user interface of the website.

25
Aug
2012

Find mouse position using jQuery

Posted in: jQuery No Comments
post image

Simple jQuery tutorial to find and display the mouse cursor position. Top left corner is considered as origin (0,0)

21
Aug
2012

Show Hide a region using jQuery

post image

We have already discussed jQuert show(), hide() and toggle() methods to show, hide and toggle a target region. This tutorial is little different as it will also toggle the link text.

21
Aug
2012

Twitter like remaining character counter

Posted in: jQuery , No Comments
post image

We will use jQuery to display characters left when a user starts typing in a text box / text area. A common example of this is twitter’s tweet box where character limit is 140. When user starts typing in tweet [..]

18
Aug
2012

Link description on hover

Posted in: jQuery , No Comments
post image

In this tutorial I will show you how to show a short description of a link on mouse hover.

16
Aug
2012

jQuery Search Box

Posted in: jQuery No Comments
post image

You may have seen on many websites that search box is pre-filled with some default text like “Search here..” and when you focus mouse on this search box, the pre-filled default text disappears. And if you do not enter any [..]

15
Aug
2012

How to select Even and Odd elements in jQuery

Posted in: jQuery No Comments
post image

In this tutorial we will learn how to select even and odd elements from a list, table etc. in jQuery

13
Aug
2012

How to select multiple elements in jQuery

Posted in: jQuery No Comments
post image

Many times we need to select multiple elements in jQuery. This can be done using comma.