• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 262
  • Last Modified:

Timer on dropdown

Hi.

Please have a look at my script:
http://www.movievizion.dk/upload/dropdown.html

How does I set a timer, so the dropdown is shown after 1 second when mouseover "dwopdown" text?
0
Jesper Christensen
Asked:
Jesper Christensen
  • 2
  • 2
1 Solution
 
Luis PérezSoftware Architect in .NetCommented:
I think you can't do this based only on CSS, if you want your 1 second delay you must do it with javascript.

To set a delay is easy with the setTimeout function,

window.setTimeout("myFunction(myparams)", 1000) //1 second delay

But then you must not use exclusively css (set display:block on hover).

Hope that helps.
0
 
Jesper ChristensenProgrammerAuthor Commented:
Hi Roland.
I know the timeout function, but I don´t see how to integrate a jquery in the script.

I know it´s not possible only with css, that´s why I posted the question in the Javascript category :)
0
 
Atique AnsariCommented:
I have changed your CSS a little and added the jquery code. Now it shows the drop down after one second.

Please go to below URL for the same.
http://jsfiddle.net/attu143/reZx5/2/

Let me know if you need more help.

show-drop-down-after-a-minute.php
0
 
Jesper ChristensenProgrammerAuthor Commented:
Thank you very much :)
0
 
Atique AnsariCommented:
Welcome.
0

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now