Question

我正在我公司的网站上工作，我知道我想创建一个与此类似的团队生物页面：https://arch.iit.edu/people

单击时，我正在尝试重新显示图像下方的描述框。

我正在尝试找到javascript /编码来帮助我这样做;但是我真的不知道从哪里开始，因为我在描述框下面进行了几次搜索弹出，灯箱，但它没有提供我真正想要的东西。

我可以请求帮助，了解在哪里实现这个/如何实现这个目标？

感谢。

Answer 1

我想我知道你想要为你的网站找到什么。 jQuery幻灯片方法上下滑动元素。在w3schools.com

上查看此内容

告诉我它是否对你有帮助

此致阿德里安

Answer 2

这将非常简单，但你可以只使用一个开头。

＆＃13;

$('.holder').on('click',function(){
  $(this).find('.description').fadeIn();
});

＆＃13;

.description {
  display:none;
  text-align:center;
  background-color: #FFF8DC;
  padding: 6px;
  font-size: 14px;
}

.holder {
  width:140px;
  padding:6px;
  border:solid 1px #311;
  background-color: #000;
}

.holder img {
  width:100%;
  height: auto;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='holder'>
  <img src='http://bjstlh.com/data/wallpapers/65/WDF_1103100.jpg' width='120' height='120'>
  <div class='description'>
     Lorem ipsum dolor sit amet
  </div>
</div>

＆＃13;

弹出图像描述框

2 个答案: