Html中鼠标悬停显示二级菜单的两种方法

4. charset="UTF-8">
6. type="text/css">
7. ul{
8. list-style: none;
9. float: left;
10. }
11. li{
12. display: none;
13. }
16. type="text/javascript">
17. function disp(){
18. for(var i = 0; i<3; i++){
19. document.getElementsByClassName('sss')[i].style.display='block';
20. }
22. }
23. function out(){
24. for(var i = 0; i<3; i++){
25. document.getElementsByClassName('sss')[i].style.display='none';
26. }
27. }
31. onmouseover="disp()" onmouseout="out()"> 手机数码
32. class="sss">iPhone
33. class="sss">SAMSUNG
34. class="sss">SAMSUNG

 

方法二

4. charset="UTF-8">
6. type="text/css">
7. li:hover #b{
8. display: block;
9. }
10. #b{
11. display: none;
12. }
16. • sss
    • id="b">
    • >
    • >
    • >
    • >