Dog Close
First Describe
Second Describe
Third Describe
Forth
Fifth
Sixth
Seventh


Show divDog   Show divCat
   
  Cat Close
First Describe
Second Describe
Third Describe
Forth
Fifth
Sixth
Seventh









Mouse over the rectangle above, and get the coordinates of your mouse pointer.
When the mouse is moved over the div, the p element will display the horizontal and vertical coordinates of your mouse pointer, whose values are returned from the clientX and clientY properties on the MouseEvent object.

Mouse Coords
Click image for Mouse X & Y
  X Y
   
   
   
   

http://www.willmaster.com/blog/css/floating-layer-at-cursor-position.php      
         
Toggle Display. [show on mouseover, hide on mouse over - toggle]
         
Show Content/Title.
Content Has "Hide" to close it.
[show, content with "hide" link]    
         
Show Content On Mouseover.
Hide Content On Mouseout.
[show on mouseover, hide on mouseout]    

Show Content On Mouseover. Hide Content On Mouseout. Content Follows Mouse when over text.

 

[show on mouseover, hide on mouseout]    
Notes Note that each of the above implementation example sets has a different id="______".
When more than one set is used on the same page, the id="______" of each set must be unique.
  http://www.willmaster.com/blog/css/show-hide-div-layer.php      
  Setting a Country Cookie  http://www.willmaster.com/library/features/setting-a-country-cookie.php