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