分类归档：前端

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

• Javascript • 1,897 次阅读 • 发表评论

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

CSS3 transition 属性过渡效果 详解

• CSS3 • 1,623 次阅读 • 1 条评论

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