Skip to main content
무중신81606957
무중신81606957
Participant
April 3, 2017
Answered

how can i give delay on "onMouseout"?

  • April 3, 2017
  • 1 reply
  • 1165 views

sorry for bad english first.

<div id="1234">
     <font id="top_shop">
          <a href="www.test.com">
              <img 
               src="/images/Test.gif" 
               onMouseover="this.src='/images/Test_on.gif';" 
               onMouseout="this.src='/images/Test.gif';" />
          </a>
     </font>
</div>

if i wrote codes like that, can i give delay onMouseover? (like if i over my mouse,

i ask this because when i use drop-down menu by use script which right bottom, images are disappear immediately when mouseover.

$("#1234").each(function(index) {
    $(this).mouseover(function() {
        $("#top_shop").css("display", "inline");
    });
    $(this).mouseout(function() {
        $("#top_shop").css("display", "none");
    });
});

its hard explain this problem on english. i will add video bottom. the drop-down menus are disappear for a 0.0001 seconds when mouse over

i think if i give delay on onMouseover, this would be solved. or load images before mouse over work

btw why is this happened?

This topic has been closed for replies.
Correct answer pziecina

You cannot give a delay to any mouse action itself, as these are OS set. What you can do is give a delay to the action that the mouse is to perform, e.g.

delay an image showing on mouse over.

This would if i am reading your post correctly, not solve your problem. If you are using images to display your drop-down menu, then the problem is most likely to be that you have not pre-loaded the images and the image loading time is what is causing the initial delay.

in your example i can see no reason to use an image as it is all text. But if images are necessary then an image preloader may solve the problem. With the increased usage of mobile devices, images for menu items are being used less and less, due to bandwidth considerations. If you do think that images are necessary then i would recommend using an image pre-loader.

If you google the subject, then you should find hundreds of examples to help you.

1 reply

pziecina
pziecinaCorrect answer
Legend
April 3, 2017

You cannot give a delay to any mouse action itself, as these are OS set. What you can do is give a delay to the action that the mouse is to perform, e.g.

delay an image showing on mouse over.

This would if i am reading your post correctly, not solve your problem. If you are using images to display your drop-down menu, then the problem is most likely to be that you have not pre-loaded the images and the image loading time is what is causing the initial delay.

in your example i can see no reason to use an image as it is all text. But if images are necessary then an image preloader may solve the problem. With the increased usage of mobile devices, images for menu items are being used less and less, due to bandwidth considerations. If you do think that images are necessary then i would recommend using an image pre-loader.

If you google the subject, then you should find hundreds of examples to help you.

    무중신81606957
    무중신81606957Author
    Participant
    April 4, 2017

    i know fill my homepage with image isn't a good idea. but the host(?) doesn't support customize font

    also i'm working on mobile page. because i know that it's better use less image on mobile.

    i'm gonna google about image loader.

    thank you for support and help . have a good day

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    April 4, 2017

    Mobile users don't have a mouse.  They must use their finger to tap the screen.  OnClick is a better option. And it stays open until the user clicks something.

    See this link for details.

    Re: Drop Down Menus in CC

    Nancy

    Nancy O'Shea— Product User & Community Expert
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices