The path in the original CSS can be crossed: the hover continues to define ...... (Update 04-10)

In Stu Nicholls .......

I have always used the path method to define a style, but I never thought of crossing the path: hover, and then the long path to: hover is an end point.

It is easy to understand without the JS drop-down. Click Display: none in the UL/OL drop-down list. Previously, this attribute was changed through JS, and UL Li A: hover ul {display: block} was crossed }. As for the horizontal and vertical patterns, the key is the bridge.

Why did I not think of it? Why! Seriously attacked, reflecting on ......

Thanks to Stu Nichols, his Compatibility Design is worth learning.

PS: This menu is still limited, that is, you must define a path CSS for each level. It cannot be applied cyclically, it cannot be "unlimited" or "Limited, of course, it may not affect much in general. I can pre-define Level 4 to meet most of the requirements. But it is still limited in definition. If not, you can write the loopProgramOr JS, But it violates the original intention of pure CSS. Although technologies must complement each other to maximize the potential, I still hope that when Will programmable "CSS" appear? Or it already exists, but I don't know ......

2006 04-08

It is far from easy to find, not just a leap: hover can solve the problem, but also involves the use of table and visibility. If no table is used, the drop-down list will not be displayed (Why ?); If visibility is not used, the level-3 menu will not disappear once activated (Why ?). This cool man, admire ......

The menu still has many details to solve, such as text adaptive width. His approach is to set the width, which is not suitable for chinese menus of different levels in the OA system. Continue Thinking ......

2006 04-10