通过本文主要向大家介绍了图片,放大,缩小等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
这是一个基于jquery的图片效果，它的作用是：当图片点击变大(变小)时，其它图片按照一定的规则进行排序运动。
首先来看下最终的效果图：
有人可能看到这个会觉得，这有什么难的，这么简单的事，楼主是不是太小提大作了？当你真正去尝试时，你才知道到底有什么难点。
首先，我们来讲下需求：
1.图片分为大小和小图，大图占四个小图的位置，
2.点击图片放大缩小， 重新排列顺序,
3. 当点击偶数列(2,4)时，它前面的那项将向提出来向后面排列
4.第一个项不能动，点第二个是将占第三四的位置，从后面取第一个小的放置在第二的位置上。
需求就是这样的了，现在难度是否有加大呢，我的思路就是按照这个需求一步步去实现的。代码如下：
首先来看下最终的效果图：
有人可能看到这个会觉得，这有什么难的，这么简单的事，楼主是不是太小提大作了？当你真正去尝试时，你才知道到底有什么难点。
首先，我们来讲下需求：
1.图片分为大小和小图，大图占四个小图的位置，
2.点击图片放大缩小， 重新排列顺序,
3. 当点击偶数列(2,4)时，它前面的那项将向提出来向后面排列
4.第一个项不能动，点第二个是将占第三四的位置，从后面取第一个小的放置在第二的位置上。
需求就是这样的了，现在难度是否有加大呢，我的思路就是按照这个需求一步步去实现的。代码如下：