04 2011 档案
摘要：
前些天无意中看到的一条阿里巴巴前端面试题,该题目如下：
当鼠标略过某个区块的时候，该区块会放大25%，并且其他的区块仍然固定不动。
发现这种效果还是挺常用的，所以用纯css做了个类似的效果，但放大是通过设置新的宽和高而非放大百分比来实现，如果需要按题目那样通过百分比来控制放大倍数，就个人觉得就需要用js来进行动态计算，但原理是一样的。
实现原理：
由于这种图片的排列一般通过浮动来控制，所以在图片放大的时候，被放大的图片会影响到后续图片的位置。因此，我们要实现的就是在改变图片大小的同时改变图片位置。又由于图片并非绝对或相对定位，所以我觉得最适合通过margin来实现位置的调整。
阅读全文
前些天无意中看到的一条阿里巴巴前端面试题,该题目如下：
当鼠标略过某个区块的时候，该区块会放大25%，并且其他的区块仍然固定不动。
发现这种效果还是挺常用的，所以用纯css做了个类似的效果，但放大是通过设置新的宽和高而非放大百分比来实现，如果需要按题目那样通过百分比来控制放大倍数，就个人觉得就需要用js来进行动态计算，但原理是一样的。
实现原理：
由于这种图片的排列一般通过浮动来控制，所以在图片放大的时候，被放大的图片会影响到后续图片的位置。因此，我们要实现的就是在改变图片大小的同时改变图片位置。又由于图片并非绝对或相对定位，所以我觉得最适合通过margin来实现位置的调整。
阅读全文
摘要：
功能说明：
鼠标移动到不同图片上，该图片滑动展开，其它图片折叠。
支持IE 6 7 8 firefox chrome
实现原理：
当鼠标移动到某张图片，该图片以及该图片前的图片以相同速度向左运动，该图片之后的图片也以相同速度向右运动，形成展开选中图片的效果。
阅读全文
功能说明：
鼠标移动到不同图片上，该图片滑动展开，其它图片折叠。
支持IE 6 7 8 firefox chrome
实现原理：
当鼠标移动到某张图片，该图片以及该图片前的图片以相同速度向左运动，该图片之后的图片也以相同速度向右运动，形成展开选中图片的效果。
阅读全文
