Try this -
<script>
Event.observe(window, 'load', function(){
var flag = false;
$$("div.menu ul").each(function(item){
if(!flag){
item.immediateDescendants().each(function(item2){
Event.observe(item2, "mouseover", function(){
item.immediateDescendants().each(function(item3){
item3.immediateDescendants()[1].style.visibility = "";
});
item2.immediateDescendants()[1].style.visibility =
"visible";
});
Event.observe(item2, "mouseout", function(){
var flag = true;
new PeriodicalExecuter(function(pe){
if(!flag)item2.immediateDescendants()
[1].style.visibility
= "";
if(!flag) pe.stop();
if(flag) flag=false;
}, 1);
});
});
}
flag = true;
});
});
</script>
Also -
.menu ul li:hover ul,
.menu ul a:hover ul{
//Remove visibility:visible; from here
display:block;
top:2em;
margin-top:1px;
}
On Sep 23, 5:25 pm, woofer <[EMAIL PROTECTED]> wrote:
> Hi:
>
> I'm using this CSS menuhttp://www.cssplay.co.uk/menus/drop_line.html
> But I want everytime you left a submenu (grey horizontal bar when you
> put mouse over one tab), it takes about 2 seconds to do it...
>
> That's to say, to create a 2s delay when "on sub menu closes" or
> "onunhover".
>
> I know with prototype is easy, but I do not know how... Any idea ? :)
>
> Thank you
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Spinoffs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---