velocity.js 是一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作,并和$.animate()有相同的 API, 但它不依赖 jQuery,可单独使用。 Vel ...
velocity.js 是一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作,并和$.animate()有相同的 API, 但它不依赖 jQuery,可单独使用。 Vel ...
今天要介绍的是走马灯效果的制作,效果图如下,页面中‘Recent Posts’就是走马灯部分。 现在我们介绍如何制作走马灯,首先定义html页面结构。 走马灯 ...
今天课程介绍的是移动的背景,顺便讲解下div+css动画的原理。首先还是先介绍如何制作移动的背景效果。 html代码比较简单,我就全贴出来了,稍后介绍js的实现。 页 ...
今天我们要完成的是一个带有遮罩效果(补间动画)的图片走廊jquery插件:jquery.tranzify.js。我们先看下效果: 好了,现在我们开始讲解这个jquery动画插件如 ...
我们本章要介绍的是单页导航动画效果的实现,感觉有点拗口,其实我也不知道这个效果动画到底叫什么名字合适。 其实他实现的功能还是好理解的,就是有一个母页面,母页面会加载一定数目的子页面,母页面上 ...
该系列文章是我阅读《jQuery 1.4 Animation Techniques》后的总结,有兴趣的朋友可以去看原版书籍。 动画效果对于丰富网站的交互体验起到了不可或缺的作用,他可以让你的 ...
今天我们要介绍的jquery动画效果是,当移动鼠标或者按键盘的左右键时,图片走廊中的图片向相应方向转动。 先来看张效果图,教程最后附有demo,大家可以下载。 首先要做的工作是创建 ...
今天文章的内容是关于使用jquery的animate方法,修改html元素的position属性,创建一个图片走廊。效果预览图片: 大家可以下载demo看完整效果,下面介绍制作过程。 ...