JavaScript事件练习问题

bf***

为什么鼠标滑过时颜色不改变？

下拉菜单

   *{margin:0px;padding:0px;font:14px "微软雅黑" ;}
   #divselect ul li{list-style:none;}
   #divselect{width:200px;
            height:26px;
            position:relative;
            margin:80px auto;
            }
#divselect cite{border:1px #666 solid;
                  line-height:26px;
                  width:180px;
                  height:26px;
                  display:block;
                  padding:0px 10px;
                  }
#divselect ul{line-height:26px;
               border:1px solid #666;
               border-top:none;
               width:200px;
               display:none;}
#divselect ul li{line-height:26px;
                  height:26px;}
#divselect ul li a{text-decoration:none;
                     color:#333;
                     line-height:26px;
                     display:block;
                     padding:0px 10px;
                     width:180px;
                     }
#divselect cite:before{
                  content:'';
                  position:absolute;
                  right: 8px;
                  bottom: 7px;
                  width:0px;
                  height:0px;
                  border-width:4px;
                  border-style: solid ;
                  border-color: #888 transparent transparent transparent;
                  transition: all 0.2s;
                  -webkit-transition: all 0.2s;
                  -moz-transition: all 0.2s;
                  -o-transition: all 0.2s;
                  -ms-transition: all 0.2s;
                  transform-origin: 50% 25%;
                  -ms-transform-origin: 50% 25%;
                  -moz-transform-origin: 50% 25%;
                  -webkit-transform-origin: 50% 25%;
                  -o-transform-origin: 50% 25%;
                     }

<script type="text/javascript">
window.onload=function(){
var box=document.getElementById('divselect')
      title=box.getElementsByTagName('cite')[0]
      menu=box.getElementsByTagName('ul')[0]
      select=box.getElementsByTagName('a')
      index=-1

      title.onclick=function(event){
         event=event || window.event;
         if(event.stopPropagation){
            event.stopPropagation();
         }
         else{
            event.cancelBubble=true;
         }
         menu.style.display='block';
            document.onkeyup=function(e){
                  e=e || window.event;
                  for(var i=0;i=select.length){
                        index=0;
                     }
                     select[index].style.background='#ccc'
                     }
                  //如果按下了向上方向键
                  if(e.keyCode==38){


                     if(index

BMW***

window.onload=function(){

另一半括号放到</script>前

for(var i=0;i

m2327***

好像冒泡了

丰***

select是undefind,select是根据box得到的，box是局部变量吧

已有账号？

找人解决需求

JavaScript事件练习问题

全部参与3

热门问答

bf***

今日需求悬赏

今日问答求助

发布任务需求已有1031288位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端