SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    I'm not a human
    Join Date
    Aug 2006
    Location
    India
    Posts
    281
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Mouse hover effect using javascript??

    hi friends,

    i'm having a table where i'm listing the data from the database.

    and each data is listed as a link using <a> tag.and i'm using the hover in css to have the underline for that link.

    And when clicked they go to a different page.

    But what i want is when i move the mouse over a link in the table the corresponding links in that row also to be underlined(i.e the hover effect)

    What should i do for this...

    eg:
    the table has

    HSBC Savings account 787878
    HSBC Checking account 75656
    HSBC Special account 1787878

    if i move the mouse over HSBC the savings account and 787878 should also get underlined and viceversa
    Regards,
    Vijay
    Follow me on twitter @vijaycbe
    World Holiday Calander || My Cricket Blog

  2. #2
    I'll take mine raw silver trophy MikeFoster's Avatar
    Join Date
    Dec 2002
    Location
    Alabama, USA
    Posts
    2,560
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Look at demo 4 on this page. Is that what you want?

  3. #3
    I'm not a human
    Join Date
    Aug 2006
    Location
    India
    Posts
    281
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hi Mike,

    thanks for ur immediate reply, that's the one i'm looking for

    i want that type of effect , but i want just to underline the content.

    Anyway i'll look after the code and i'll change those neded modifications.

    Thanks again for ur reply.
    Regards,
    Vijay
    Follow me on twitter @vijaycbe
    World Holiday Calander || My Cricket Blog

  4. #4
    SitePoint Addict Mirek Komárek's Avatar
    Join Date
    Dec 2006
    Location
    Prague
    Posts
    210
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can use expression for IE lower then IE7
    Code:
    <!--[if lte IE7]>
    tr a{hover:expression(this.onmouseover=new Function("this.style.textDecoration='underline';"),this.onmouseout=new Function("this.style.textDecoration='none';"));}
    <![endif]-->
    For other browsers css
    Code:
    tr:hover a{text-decoration:underline;}


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
  •