文章关键字 ‘animate’

使用CSS3绘制我们的太阳系

2010年05月31日,星期一

本文内容展示多于技术的介绍,主要展示的是用CSS3实现的炫酷的太阳系效果,Firefox浏览器下静态页面,Chrome以及Safari浏览器下有环绕的运动效果,本文提供截图以及视频展示,提供核心的CSS代码以及demo页面,希望你对您的学习有所帮助。

阅读全文…

cssSandpaper-兼容IE的CSS3 JavaScript库

2010年05月23日,星期日

我前不久介绍了一个让IE6/IE7/IE8支持常见CSS3属性的方法的文章“让IE6/IE7/IE8浏览器支持CSS3属性”,那里是使用的htc文件+VML语言实现的,轻量实用。
而本文即将介绍的CSS3 JavaScript库cssSandpaper采用的则是不同的原理使IE浏览器支持CSS3属性。本文的内容就是详细介绍CSS3 JavaScript库cssSandpaper的方方面面,提供丰富的插图,提供源文件打包下载,提供对应的demo页面,希望能够对您的学习有所帮助。

阅读全文…

CSS3 animate实现图片墙3D翻转效果

2010年01月12日,星期二

本文主要就是展示了一个用纯CSS实现的图片墙动画3D翻转效果,有图片演示,有视频演示,有demo页面,提供简单的代码分析和原理讲解。目前而言仅chrome浏览器和Safari浏览器下有效果,所以,本文主要在于展示CSS3的一些特性以及潜能。希望对有兴趣的朋友有所帮助。

阅读全文…

酷酷的jQuery鼠标悬停图片放大切换显示效果

2009年12月25日,星期五

缩略图放大显示效果截图
介绍一个蛮酷的图片缩略图放大预览的效果,外带图片切换显示功能。动画显示,投影样式,效果不错。提供demo页面,提供源文件下载,希望对您有所帮助。

阅读全文…

jQuery之使用slideToggle实现垂直下拉菜单

2009年12月22日,星期二


本文展示如何用简单的jQuery代码配合CSS实现效果上佳的下拉菜单效果。并对效果实现的核心函数方法slideToggle做一定的讲解。
本文提供详尽的demo页面以及简化的源文件代码下载,希望对您能有所帮助。

阅读全文…

jQuery之图片关联伸缩效果

2009年08月31日,星期一

这里要介绍的这个效果又称为手风琴效果。用css就可以实现类似的效果,但是使用css只是单纯地将宽度变大和缩小,而使用jQuery可以实现流畅的动画效果,体验会更加不错的!而实现的关键就是animate这个很神奇很伟大很实用的动画函数。
主要的不是讲解animate这个函数,我jQuery,js研究不深,讲了只会被人笑。所以这里只是展示下效果而已,希望能对您有所帮助!

阅读全文…