Results 1 to 3 of 3

Thread: onmouseover

  1. #1
    Join Date
    Jul 2009
    Location
    Binus University
    Posts
    472
    Thanks
    78
    Thanked 21 Times in 21 Posts

    Default onmouseover

    can we use two action in one mouseover, this for the example:
    Code:
    <a href="#" onmouseover="document.images['s1b'].src='images/homeFlash/tree.png';">
    
    <a href="#" onmouseover="doTooltip(event,0)" onmouseout="hideTip()">
    can we combine those two onmouseover script into one onmouseover script.

    thx for your attention..

  2. #2
    Join Date
    Jul 2009
    Location
    Binus University
    Posts
    472
    Thanks
    78
    Thanked 21 Times in 21 Posts

    Default

    hello it's me again, i figure out how to combine two mouseover into one, but i have another problem now

    before mouseover:


    after mouseover:



    the image run away to the right side, how to fix it, please somebody...

    i use this script in css:
    Code:
    .yo a {
    position:fixed;
    display:block;
    width:10px;
    height: 400px;
    background:no-repeat;
    margin-left:50px;
    margin-top:-100px;
    }
    .yo a:hover {
    position:absolute;
    display:block;
    width:900px;
    height: 200px;
    background: transparent url(images/homeFlash/carousel-info.png) no-repeat;
    background-position:bottom left;
    padding-bottom:100px;
    }
    thx for your attention

  3. #3
    Join Date
    Jul 2009
    Location
    Binus University
    Posts
    472
    Thanks
    78
    Thanked 21 Times in 21 Posts

    Default

    sorry for replying again, i've figure it out, but the code that i give up there looks like a mess in ie, once again please help..

    this is the new code, that solve the run away position:
    Code:
    .yo a {
    position:fixed;
    display:block;
    width:400px;
    height: 20px;
    background:no-repeat;
    margin-left:-50px;
    margin-top:-100px;
    }
    .yo a:hover {
    position:absolute;
    display:block;
    width:400px;
    height: 200px;
    background: transparent url(images/homeFlash/carousel-info.png) no-repeat;
    background-position:bottom right;
    padding-bottom:100px;
    padding-right:80px;
    }
    i don't have any experience in cross browser but i've tried it in opera, safari, firefox, no problem except in ie.

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
  •