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. Phần mềm hữu ích cho việc lập trình PHP
  2. Kinh dịch chữa bệnh – niệm số chữa bệnh
  3. Các loại vacxin cần thiết phải tiêm phòng cho trẻ
  4. Hosting – Namecheap shared hosting
  5. Một số thủ thuật với htaccess Mod Rewrite
  6. Cách cài đặt Ccleaner để dọn rác máy tính – Phần 2
  7. Lịch thi đấu M.U ở Ngoại hạng Anh 2017-2018
Cập nhật lúc: 15:46:35 PM, 9th September 2014

Comments

Leave A Reply