How do I show text on a Mouseover?

Posted on 2009-04-24
Last Modified: 2012-08-13
I am fairly new to dreamweaver and using CS3.  I am updating a webpage of ours that needs to display a definition when the user hovers over a specific word on the page.  I am not sure how this can be done.  I am familiar with rollover images and figure it is the same concept but am stuck.  Any helpful thoughts would be appreciated.
Question by:Ziggy16
    LVL 30

    Expert Comment

    You have a couple of different options when it comes to a rollover "tooltip"
    Or Spry:
    In my own opinion, I think Jquery would be better for your purpose here.
    LVL 6

    Expert Comment

    There is a complete solution here:
    The easiest way is using "title" property. For example:
    <a href= title="Gooooooogle">Google</a>

    Author Comment

    Where do I paste the definition on my HTML document?
    LVL 30

    Accepted Solution

    Just as biyik mentioned above as well as the two articles I mentioned for JQuery:
    The actual definition would be in the TITLE part of the tag.

    <a href="#" title="This is where your definition goes.  And you can put whatever you would like in it.">Experts Exchange Tool Tip</a>  
    LVL 6

    Expert Comment

    I guess you didn't read my answer well ziggy, it was the same :) well..whatever.

    Featured Post

    Free Trending Threat Insights Every Day

    Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

    Join & Write a Comment

    Both Easy and Powerful How easy is PHP? (  Very easy.  It has been described as "a programming language even my grandmother can use." How powerful is PHP?  http://en.wikiped…
    Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
    In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
    The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    20 Experts available now in Live!

    Get 1:1 Help Now