DHTML Tooltips

0

Fancy tooltips with an “arrow” pointer are commonly found in desktop applications. Well, now you can add a similarly looking tooltip to your webpage. Works in IE4+, NS6+, Firefox 3+, Safari, and Opera 7+. Note that the pointer image disappears if the tooltip is too close to the edges of the browser window.

Installation:
Step 1: Insert the following stylesheet into the <head> section of your page:

Step 2: Insert the below code into the <body> section of your page, outside any other tags, especially relatively or absolutely positioned elements:

 

Step 3: The script uses a pointer image. Download the below:

DHTML Tooltips Arrow2 (right click image, and select “Save As”).

Note that you can use your own custom image in place of the above if you wish.
Step 4: Finally, add the following inside any link or element that will contain a tooltip:

Example:  Link: A Href Tag

In DIV tag:

Demo:http://demo.bienthuy.com/html/dhtml-tooltip/

DHTML Tooltips
5 - 1187 votes

Other Posts you may be interested in:

  1. PHP Create Thumbnail – PHP thumbnail generator
  2. Hiển thị số lần xem bài viết trong WordPress không cần Plugin
  3. Xách bao ngô lên và đi
  4. PHP Random String Generator, Random Value from Array
  5. Google PageSpeed ​​Insights thay đổi: sử dụng dữ liệu thực từ người dùng trình duyệt Chrome
  6. NameCheap Coupon .Net only $3.88
  7. Phần mềm hữu ích cho việc lập trình PHP
Cập nhật lúc: 15:46:35 PM, 9th September 2014

Comments

Leave A Reply