Welcome visitor
* Login
* Register
It is currently September 20th, 2019, 5:13 am
All times are UTC [ DST ]
* Search
View unanswered posts - View active topics

FORUMS » Client Side » HTML



Post new topic Reply to topic  [ 2 posts ] 
Author Message
  Roll over dropdown dhtml menu
PostPosted: December 13th, 2009, 1:08 am 

Posts: 17
Do you know how to make a DHTML dropdown menu without javascript? What I want to do is to show/hide additional options onmouseover/onmouseout the main option.

Example.
My screen should look like this:
Discography

Then, when mouse is over Discography, the albums should be displayed:
Discography
Live from Downstairs
Rocking your garage
Rock is in the air


Or, in few words, what I want is the effect they have on this site on the top menu, when you put the mouse over "Tutorials" or "Forums". Thanks.


Top
 Profile  
 
  Re: Roll over dropdown dhtml menu
PostPosted: December 13th, 2009, 1:33 am 
User avatar

Posts: 112
Here they have a kind of complex system using excessive margins and then they change it on hover. On my example we use the same basis (nested classes) but instead of changing the margin we're only going to use the display attribute.
<style type="text/css">
  .opt div.more
    {display:none;}
  .opt:hover div.more
    {display:block;}
</style>
<div class="opt" style="width: 100px">Discography
  <div class="more">album1</div>
  <div class="more">album2</div>
  <div class="more">album3</div>
  <div class="more">...</div>
</div>


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 2 posts ] 

FORUMS » Client Side » HTML


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron