背景色清除问题

背景色清除问题

请问当鼠标不在menu-item上而且不在inner-box时候执行menuItems[j].style.background="none";怎么写?

研究了一个晚上没有搞出来鼠标移走的时候不留下rgba(0,0,0,0.1)怎么写?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
小于飞飞 2017-05-09 13:12:24

你好,不是很清楚描述的情况,正常操作,如下:

先获得要改变样式的元素,如主菜单和子菜单:

1
2
3
4
5
6
7
8
9
10
menuItems[m].onmouseover = function(){
            subMenu.className = "sub-menu";
            var idx = this.getAttribute("data-index");
            for(var j=0,jlen=subItems.length;j<jlen;j++){
               subItems[j].style.display = 'none';
               menuItems[j].style.background = "none";
            }
            subItems[idx].style.display = "block";
            menuItems[idx].style.background = "rgba(0,0,0,0.1)";
        }

可以添加和设置,鼠标离开时的状态:

1
2
3
 menuItems[m].onmouseout = function(){
           menuItems[idx].style.background = "rgba(0,0,0,0)";
        }

希望对你有帮助,祝学习愉快。

  • 提问者 晚小鱼 #1
    就是,当鼠标离开了主菜单,子菜单以后,主菜单是黑色背景怎么去掉?
    2017-05-09 13:14:16
  • 小于飞飞 回复 提问者 晚小鱼 #2
    看上面的鼠标离开状态的建议代码呦。动手试一试,祝学习愉快。
    2017-05-09 18:12:20
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码