Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
通过放大进行过渡?(HTML/CSS/Javascript/jQuery/。?)_Javascript_Jquery_Html_Css - Fatal编程技术网

通过放大进行过渡?(HTML/CSS/Javascript/jQuery/。?)

通过放大进行过渡?(HTML/CSS/Javascript/jQuery/。?),javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个网站,有一个向下滚动的网格元素。与此示例非常相似的内容: 我想,当你点击一个元素时,它会放大这个元素,其他元素消失,在所选元素的图像旁边,会显示一些文本。退出此视图时,文本将消失,并使用所有元素的网格取消缩放到初始视图 我不知道这种效应是如何被命名的——如果它有一个名字的话——我很难弄清楚它是如何被命名的。。jQuery?CSS动画 我愿意接受任何线索!感谢您的帮助,您可以使用绝对位置单击创建新的div,并将其显示在其他元素前面(更大的z索引)我用jQuery编写了一段代码。你可以用很

我有一个网站,有一个向下滚动的网格元素。与此示例非常相似的内容:

我想,当你点击一个元素时,它会放大这个元素,其他元素消失,在所选元素的图像旁边,会显示一些文本。退出此视图时,文本将消失,并使用所有元素的网格取消缩放到初始视图

我不知道这种效应是如何被命名的——如果它有一个名字的话——我很难弄清楚它是如何被命名的。。jQuery?CSS动画


我愿意接受任何线索!感谢您的帮助,

您可以使用绝对位置单击创建新的div,并将其显示在其他元素前面(更大的z索引)

我用jQuery编写了一段代码。你可以用很多方法实现你的目标,但这里有一个

您可以使用
scale()
CSS3属性对图像进行缩放,并使用jQuery使用
hide()
隐藏其他属性,同时在其中一个属性上单击()


如果您无法通过这些提示找到解决方案,我已经为您提供了一个示例,说明您想要什么

,非常感谢!作为记录,我还发现了这个jQuery插件,它似乎可以完成这项工作。CheareSafter经过一些编码,您的解决方案和我找到的jQuery库(称为Zoomooz)的混合效果非常好。:)