                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /商城分類導(dǎo)航效果

js.。。。。。。。。。。。

js方法顯示不出來啊

慕粉3182276

2016-04-13

源自：商城分類導(dǎo)航效果 3-1

關(guān)注問題我要回答

1197

操作

收起

2 回答

慕粉3182276 提問者
2016-04-13

沒錯(cuò)啊。就是不顯示，是不是火狐不兼容問題呢

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕勒1174888
2016-04-13

CSS代碼

.topmenu?.lihover/*鼠標(biāo)移動(dòng)到上面時(shí)，應(yīng)用的樣式*/
{
????border:?1px?solid?#DDD;
????border-right:?0;
????box-shadow:?0?0?8px?#DDD;
????-moz-box-shadow:0?0?8px?#DDD;
????-webkit-box-shadow:?0?0?8px?#DDD;
????background-image:?none;
}
.topmenu?.lihover?.submenu/*懸浮層*/
{
????display:?block;
}
.topmenu?.lihover?span/*白色小方框*/
{
????background:?white;
????display:?inline-block;
????z-index:?20;
????width:?18px;
????height:?30px;
????float:?right;
????position:?relative;
}

JS代碼

window.onload?=?function?()?{
????var?Lis?=?document.getElementsByTagName("li");
????for(var?i?=?0;?i?<?Lis.length;?i++)?{
????????Lis[i].onmouseover?=?function?()?{
????????????this.className?=?"lihover";
????????}
????????Lis[i].onmouseout?=?function?()?{
????????????this.className?=?"";
????????}
????????
????}
}

其中，Lis數(shù)組是所有l(wèi)i標(biāo)簽的集合，通過this.className來設(shè)置Lis的class樣式為 .lihover ,同時(shí)，也實(shí)現(xiàn)了 .lihover 的所有子樣式?.topmenu?.lihover?.submenu ?和?.topmenu?.lihover?span。