Question

客户要求从页面顶部的社交媒体图标中弹出两个翻转

这是dev上的页面： http://devjohnson.com/the-buzz 忽略丢失的图像和设计 - 它具有与实时相同的图像和头文件 - 它只是完全更新。

如果你看右上角，你可以看到你是否翻转facebook图标（除了定位）它是否正常工作。但是，如果我取消评论Twitter图标的完全相同的代码，它会中断，Facebook图标会消失，Twitter也不会翻转。我们需要翻转并正确定位。

任何帮助都将不胜感激。

由于卡罗琳

Answer 1

这是一个开始！

$('#clickable_div').mouseover(function() {
  $('#nav_menu').slideDown();
})
$('#wrap').mouseleave(function() {
  $('#nav_menu').slideUp();
});

#clickable_div {
  width: 100px;
  height: 25px;
}
* {
  margin: 0;
  padding: 0
}
#nav_menu {
  width: 100px;
  height: auto;
  background-color:#fff; 
  border:1px solid red;
  display: none;
}
#wrap {
  width: 100px
}
.fb {
  background-image: url("http://devjohnson.com/skin/frontend/dJTheme/default/images/facebook_icon.png");
  background-repeat: no-repeat;
}

<div id='wrap'>
  <div id="clickable_div" class="fb">&nbsp;</div>
  <div id="nav_menu">
    <ul>
      <li id="l1">AAAAA</li>
      <li>BBBBB</li>
      <li>CCCCC</li>
      <li>DDDDD</li>
    </ul>
  </div>
</div>

css / js翻转打破多个翻转

1 个答案: