AI 助理
备案控制台
文章 2013-02-18 来自：开发者社区

Lazy Line Painter – 很有趣的 jQuery 路径动画插件

　　Lazy Line Painter 是基于 Raphaël（一个用于在网页中绘制矢量图形的 Javascript 库）的 jQuery 路径动画插件，能够把线条图案转换为吸引眼球的路径动画模式。 您可能感兴趣的相关文章 60款非常酷的 jQuery 幻灯片演示和下载 15个款优秀的 jQuery 图片特效插件推荐 几款优秀的 jQuery Ajax 分页插件和教程...

文章 2012-10-24 来自：开发者社区

8款效果精美的 jQuery 加载动画和进度条插件

　　加载动画和进度条在网站和 Web 应用中的使用非常流行。虽然网速越来越快，但是我们的网站越来越复杂，同时用户对网站的使用体验的要求也越来越高。在内容加载缓慢的时候，使用时尚的加载动画和进度条告诉用户还有内容正在加载是一种非常好的方式。今天这篇文章向大家推荐8款基于 jQuery 实现的加载动画和进度条插件。 您可能还喜欢 特别推荐：10套精美的网站后台管理系统模板 精心挑选的优秀jQue...

文章 2012-09-03 来自：开发者社区

jquery动画 -- 8.走马灯效果的制作

　　今天要介绍的是走马灯效果的制作，效果图如下，页面中‘Recent Posts’就是走马灯部分。 　　 　　现在我们介绍如何制作走马灯，首先定义html页面结构。 <div id="outer"> 　　<header> 　　... 　　</header> 　　<article> 　　... 　　</article> 　　...

jquery动画 -- 8.走马灯效果的制作
文章 2012-08-31 来自：开发者社区

jquery动画 -- 7.会移动的背景，讲解div+css动画原理

　　今天课程介绍的是移动的背景，顺便讲解下div+css动画的原理。首先还是先介绍如何制作移动的背景效果。 　　html代码比较简单，我就全贴出来了，稍后介绍js的实现。 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"&g...

jquery动画 -- 7.会移动的背景，讲解div+css动画原理
文章 2012-08-29 来自：开发者社区

jquery动画 -- 6.制作带鼠标和键盘引导功能的图片浏览器

　　今天我们要介绍的jquery动画效果是，当移动鼠标或者按键盘的左右键时，图片走廊中的图片向相应方向转动。 　　先来看张效果图，教程最后附有demo，大家可以下载。 　　首先要做的工作是创建html文本。 <div id="proximity"> <img src="img/proximity1.jpg" alt="CH-47 Chinook" />...

jquery动画 -- 6.制作带鼠标和键盘引导功能的图片浏览器
文章 2012-08-24 来自：开发者社区

jquery动画 -- 5.单页导航动画效果的实现

　　我们本章要介绍的是单页导航动画效果的实现，感觉有点拗口，其实我也不知道这个效果动画到底叫什么名字合适。 　　其实他实现的功能还是好理解的，就是有一个母页面，母页面会加载一定数目的子页面，母页面上有各个子页面的link。默认母页面显示第一个子页面的内容，当点击母页面上的链接时，显示相应子页面的内容。这里的母页面和子页面是实际存在的不同页面，但是整个动画实现的结果是，所有页面的切换都是在母页面上....

jquery动画 -- 5.单页导航动画效果的实现
文章 2012-08-24 来自：开发者社区

jquery动画 -- 4.升级版遮罩效果的图片走廊--带自动运行效果

　　我将上一章中了插件做了个小小的升级，实现了自动运行效果，完整代码大家见demo。  　　主要的变化点有：把‘下一条’、‘上一条’的click事件抽象到一个函数showNext中。添加setInterval，添加selector元素的hover事件。好了，我们一个个的看。 showNext函数： //显示函数 function showNext(flag) { //隐藏导航 ...

文章 2012-08-23 来自：开发者社区

jquery动画 -- 3.创建一个带遮罩效果的图片走廊

　　今天我们要完成的是一个带有遮罩效果（补间动画）的图片走廊jquery插件：jquery.tranzify.js。我们先看下效果： 　　 　　好了，现在我们开始讲解这个jquery动画插件如何制作，大家可以再文章最后下载demo，查看详细代码。 　　首先开始准备html页面，代码很简单就是一个id为frame的div，里面包含了一些图片。 <div id="frame"> ...

jquery动画 -- 3.创建一个带遮罩效果的图片走廊
文章 2012-08-21 来自：开发者社区

jquery动画 -- 2.元素坐标动画效果（创建一个图片走廊）

　　今天文章的内容是关于使用jquery的animate方法，修改html元素的position属性，创建一个图片走廊。效果预览图片： 　　大家可以下载demo看完整效果，下面介绍制作过程。 　　1.首先创建一个html页面，html结构如下： <div id="slider"> <div id="viewer"> <im...

jquery动画 -- 2.元素坐标动画效果（创建一个图片走廊）
文章 2012-08-15 来自：开发者社区

jquery动画 -- 1.加载指示器

　　该系列文章是我阅读《jQuery 1.4 Animation Techniques》后的总结，有兴趣的朋友可以去看原版书籍。 　　动画效果对于丰富网站的交互体验起到了不可或缺的作用，他可以让你的站点更酷，更吸引人。   什么时候使用动画： 　　1.当显示或隐藏页面、弹出框或内容区域的时候； 　　2.当一些内容从页面的一个地方移动到其他地方的时候； 　　3.当页面中的一些内容，应用户的...

jquery动画 -- 1.加载指示器

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

jQuery更多动画相关

jQuery您可能感兴趣

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。

+关注