Welcome to TalkGraphics.com
Results 1 to 3 of 3

Thread: Hover text

  1. #1
    Join Date
    Nov 2006
    Location
    Leicestershire, UK
    Posts
    30

    Question Hover text

    Hi

    In the main content of a web page I have a list of words

    When the viewer hovers over each word I want it to display more text alongside it? I then want it to disappear when they move off the word.

    How do I achieve this?

    Thanks

  2. #2
    Join Date
    Sep 2000
    Location
    London, UK
    Posts
    1,436

    Default Re: Hover text

    Hi

    Are these words links to anything else? If so http://www.walterzorn.com/tooltip/tooltip_e.htm is a great piece of code. By chance I was about to have to do this myself and had idly thought I could use 'ALT' tags but of course they are only for images.

    If they are not links then use a div instead:

    <html><head></head>
    <body><script type="text/javascript" src="wz_tooltip.js"></script>
    <div onmouseover="Tip('Some text')" onmouseout="UnTip()">Homepage </div>
    </body>
    </html>

    Works a treat!
    Simon
    ------------------------------
    www.tlaconsultancy.co.uk
    www.bricksandbrass.co.uk

  3. #3
    Join Date
    Nov 2006
    Location
    Uniontown, OH
    Posts
    382

    Default Re: Hover text

    A couple of CSS based balloon popups that may help:

    http://www.cssplay.co.uk/menu/balloons.html
    or
    http://www.cssplay.co.uk/menu/tooltips
    Joe

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •