html - Implementing a horizontal sub menu with Javascript -


I'm looking for some examples that I used to implement horizontal sub menus in javascript (not horizontal) Can i I would like a menu that would be SEO-friendly. Here's an example of what I'm looking for: opt2 opt3 opt4 opt1a opt1b opt1c opt1d opt1 opt2 opt3 opt4 opt2a opt2b opt2c opt2d

So when the user exceeds opt1 at the top level, opt1a, opt1b, opt1c, and opt1d options appear on the second level menu below. When the user exceeds opt2 at the top level, opt2a, opt2b, opt2c and opt2d options will appear at the second level.

Has anyone seen any code example for this? What I am thinking is that there are four different DIVs for the second level menu and after that there is no way to look at these DIVs at different levels. It sounds easy, but I think it's not that easy.

A good way to create a horizontal menu that has minimal cross-browser problems are the following pattern & Lt; LI & gt; and & lt; LI & gt; What is the key of the style inside of yourself

  
div class = "menu" & gt; & Lt; Ul & gt; & Lt; Li & gt; Some title & lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "..." & gt; Link 1 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "..." & gt; 2 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; Input type = "text" ... /> & Lt; / Li & gt; & Lt; Li & gt; & Lt; Input type = "submit" class = "submit" value = "submit" & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;

CSS:

 . MenuUl, menu menu {list-style = type: none; Padding: 0; Margin: 0}. Menu Lee {Display: Inline-Block}. Menu is a {display: block; .... other styles ....}   

Then you nest them:

   & Lt; / Li & gt; & Lt; Li & gt; & Lt; Input type = "submit" class = "submit" value = "submit" & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;   

If you are correct, then use the situation: situation on ULL, position: at ul ul etc ... you are on the right track, but use lists, not divs < / P>

Comments

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

c# - Using Vici cool Storage with monodroid -

python - referencing a variable in another function? -