jQuery UI Dialog在iframe中的显示位置优化

在使用jQuery UI的Dialog插件时遇到一个问题,就是在iframe中使用时弹出的位置总是偏离屏幕中心,有时有一半被遮住,有时是直接整个页面跳到顶部,关掉Dialog之后又回到原来位置,感觉很突兀。所以写了一个通用顶部距离计算方法,主要功能就是将弹出框位置锁定在当前窗口的中间位置,优化界面的用户体验。

CSS3 transition 属性过渡效果 详解

CSS3 transition 允许 CSS 元素的属性值在一定的时间区间内平滑地过渡。我们可以在不使用 Flash 动画或 JavaScript 的情况下,在元素从一种样式变换为另一种样式时为元素添加效果。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变 CSS 的属性值。以下是 transition 属性的浏览器支持、语法和示例。