jQuery+CSS3动画弹出框
jQuery 的弹出框配上 CSS3 动画，组合起来是真的香。用.click()一监听，再来个.show('slow')或者.hide('fast')，一个有来有回的弹出交互就搞定了。
加上 CSS3 的transition和transform，弹出框不再是冷冰冰地一闪就出来，而是带着节奏地“现身”——缩放、渐变、丝滑推进，体验一下子就上去了。
这种方式挺适合做提示框、确认框，甚至是小表单弹层。代码也不复杂，HTML+CSS+JS 三板斧，页面交互立马生动不少。需要注意的是，弹出框的定位最好设成position: fixed，这样无论怎么滚动都稳稳地居中。
如果你想快速搞一个有动画的弹出层，不妨看看这套代码实现，挺适合小项目、练手用，也容易扩展。懒得自己从头写？我给你挑了几个不错的例子，直接上：
你也可以玩点新花样，比如加点遮罩层、来点缩放动画、或者尝试下纹波效果，都挺有意思的。
下载地址
用户评论
