實在不曉得為什么錯了,鼠標經(jīng)過,邊框有反應,但是不能運行:display:block;關(guān)鍵的CSS代碼和JS在靠近第一個body標簽旁邊
? <script type="text/javascript">
? ? 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="";
? ? ? ? }
? ? ? }
? ? }
? </script>
CSS:
? ??
? ? .nav_content .lihover {//鼠標移動到上面,應用的樣式
? ? ? background-image: none;
? ? ? border:2px 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;
? ? }
? ? .nav_content .lihover .submenu{//懸浮層
? ? ? ? ?display: block;
? ? }
? ? .nav_content .lihover span{//白色小方框
? ? ? height:31px;
? ? ? width:10px;
? ? ? background: #FFF;?
? ? ? display: inline-block;
? ? ? z-index: 20;
? ? ? float: right;
? ? ? position: relative;
? ? }
2016-09-18
不太懂你的意思?什么叫邊框有反應,但是不能運行...
邊框有反應是因為????1.設置了鼠標滑過li標簽的樣式有了邊框和去掉了背景圖片,你的樣式?jīng)]有錯
???????????????????????????? ? 2.span設置成一個白色小方框,這里height建議改成30px,width改成20px
你的JS代碼也沒有錯,那有可能是懸浮層的類名沒有寫對