<body>
<ul class="top" id="top">
<div class="toptitle">全部商品分类</div>
<li><a href="#">家用电器</a><i>></i>
<div class="topsub">
<div class="subleft" id="subleft">
<dl>
<dt><a href="#">大家电 ></a></dt>
<dd>
<a href="#">平板电视</a>
<a href="#">空调</a>
<a href="#">冰箱</a>
<a href="#">洗衣机</a>
<a href="#">家庭影音</a>
<a href="#">DVD机</a>
<a href="#">迷你音响</a>
<a href="#">冰柜/酒吧</a>
<a href="#">酒柜</a>
<a href="#">家电配件</a>
</dd>
<dt><a href="#">卫厨大电 ></a></dt>
<dd>
<a href="#">油烟机</a>
<a href="#">燃气炉</a>
<a href="#">油烟套装</a>
<a href="#">消毒柜</a>
<a href="#">洗碗柜</a>
<a href="#">电热水器</a>
<a href="#">燃气热水器</a>
<a href="#">崁入式厨电</a>
</dd>
</dl>
</div>
<div class="subright" id="subright">
<dl>
<dd><img src="../WEB图片/rBEbRlOAiHUIAAAAAAAx8X2c6oIAACTCAP56A4AADIJ112.jpg"></dd>
<dd><img src="../WEB图片/rBEbRlOCFcoIAAAAAAArMNB2tlkAACTlwDgVG8AACtI514.jpg"></dd>
</dl>
<dl>
<dt>推荐品牌</dt>
<dd><a href="#">美的官方旗航店</a></dd>
<dd><a href="#">格力官方旗航店</a></dd>
<dd><a href="#">半球官方旗航店</a></dd>
<dd><a href="#">苏泊尔官方旗航店</a></dd>
</dl>
</div>
</div>
</li>
<li><a href="#">手机、数码、京东通讯</a><i>></i></li>
<li><a href="#">电脑、办公</a><i>></i></li>
<li><a href="#">家居、家具、家装、厨具</a><i>></i></li>
<li><a href="#">男装、女装、童装、内衣</a><i>></i></li>
<li><a href="#">个护化妆、清洁用具、宠物</a><i>></i></li>
<li><a href="#">鞋靴、箱包、珠宝、奢侈品</a><i>></i></li>
<li><a href="#">运动户外、钟表</a><i>></i></li>
</ul>
</body>我想用JS实现效果；就是当鼠标滑过菜单栏（li 标签）的时候二级菜单栏（<div class="topsub">）显示出来，还有就是菜单栏背景变成白色，字体变成红色，白色箭头隐藏（i标签）。当鼠标滑过二级菜单栏的时候，字体变成红色。就是感觉不知道该怎么获取元素，如何去调用。
添加回答
举报
0/150
提交
取消