不知道该如何入手，感觉在如何获取元素到运用有点不知所措

<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标签）。

当鼠标滑过二级菜单栏的时候，字体变成红色。

就是感觉不知道该怎么获取元素，如何去调用。

手刃情人

浏览 1957回答 3

3回答

淡雅的默

你这些所说的都可以用css来实现，比JS更简单，不知道你怎么想的；还有JS都不会你就来做这个？基本的获取元素不会不去学就想跑了么

随时随地看视频慕课网APP