jQuery图像滑块不透明度

Question

我正在处理图像滑块。 但我有一些问题。 首先，当我将鼠标悬停在“下一个”或“上一个”按钮上时，我想这样做，因此右侧或左侧只有特定按钮才能同时显示。 其次，我想使不透明度几乎与此滑块中显示的相同。 （链接如下）

网址：uchicago.edu

Answer 1

当你悬停一边时只显示一个按钮，你可以这样做：

HTML：

<div id="leftButtonArea">
  <div id="leftButton">left</div>
</div>

风格：

#leftButtonArea{
   position:absolute;
   top:0px;
   left:0px;
}

#leftButton{
  display:none;
}

脚本：

$("#leftButtonArea").hover(function(){$("#leftButton").css({"display":"block"})});