单击链接,图像向下滚动,一些信息以javascript显示

单击链接,图像向下滚动,一些信息以javascript显示,javascript,Javascript,当我点击网页上的Parentesi Magazine 01时,我需要用javascript语言创建/再现这种效果 单击Parentesi Magazine 01链接,图像向下滚动,并显示一些信息 有什么想法吗 你能帮我吗 您提供的页面使用jQuery来实现这一点。Jquery是一个javascript包,它在普通javascript的基础上提供了一些扩展的功能和实用程序 特别是,它们使用jQuery幻灯片函数,您可以在这里了解更多。基本上,您要做的是将事件侦听器附加到元素,这将触发到文本隐藏文本

当我点击网页上的Parentesi Magazine 01时,我需要用javascript语言创建/再现这种效果

单击Parentesi Magazine 01链接,图像向下滚动,并显示一些信息

有什么想法吗

你能帮我吗


您提供的页面使用jQuery来实现这一点。Jquery是一个javascript包,它在普通javascript的基础上提供了一些扩展的功能和实用程序

特别是,它们使用jQuery幻灯片函数,您可以在这里了解更多。基本上,您要做的是将事件侦听器附加到元素,这将触发到文本隐藏文本元素的滑动切换。在包含js代码之前,首先要包含jquery库,然后在代码中:

const $slideTrigger = $('.js-slide-trigger');
const $slideTarget = $('.js-slide-target');

$slideTrigger.on('click',function(event) {
  $slideTarget.slideToggle();
})
其中js slide trigger是触发器的类,js slide target是要切换的隐藏元素的类。请注意,幻灯片元素应具有display:none,以便首先隐藏。 应该是这样的