gpt4 book ai didi

javascript - 如何在照片之间制作滑动的东西?

转载 作者:行者123 更新时间:2023-11-28 20:47:16 25 4
gpt4 key购买 nike

在此处查看文章中照片的效果:

http://www.popsci.com/science/article/2012-11/and-after-images-show-hurricane-sandys-devastation

有人知道这是怎么做到的吗?我想我可以在一个固定框架内制作两个宽度可调的框架,但是 handle 呢?当鼠标悬停时,框架线和 handle 如何变亮和放大?悬停事件,这是肯定的,但是什么样的悬停事件呢?

最佳答案

这很简单。您有 2 个 DIV,其中有 2 个不同的图像(如 css 中的 background-image)彼此重叠(例如绝对定位。)(可能是上面的“之前”图片)然后你就有了一个 slider ,当拖动它时,它会减小重叠的 DIV 的宽度,从而使下面的 DIV 显示出来!此功能可以在名为“Before/After”的 jQuery 插件中找到

链接:jQuery BEFORE / AFTER

关于javascript - 如何在照片之间制作滑动的东西?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13219748/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com