• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jquery动画1.加载指示器

jquery动画1.加载指示器

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了加载指示器等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
该系列文章是我阅读《jQuery 1.4 Animation Techniques》后的总结,有兴趣的朋友可以去看原版书籍。
  动画效果对于丰富网站的交互体验起到了不可或缺的作用,他可以让你的站点更酷,更吸引人。

什么时候使用动画:
  1.当显示或隐藏页面、弹出框或内容区域的时候;
  2.当一些内容从页面的一个地方移动到其他地方的时候;
  3.当页面中的一些内容,应用户的操作而产生状态改变的时候;
  4.当一些内容在几种状态间转变的时候;
  5.引导用户去执行某些操作,或者引起他们对某些很重要信息注意的时候。

什么时候不应使用动画:
  1.当某些操作是需要用户频繁重复操作的时候;
  2.当设备无法充分显示动画效果的时候(也就是说该动画会占用计算机的很多资源,会影响到性能);
  3.即时操作。

  当然这些规定都不是绝对的,你需要根据你的实际情况来决定是否使用动画。下面是一些checklist(验证列表),只要满足下面几条选项,你的动画就是有价值的。
  1.动画是否适合你的目标客户;
  2.动画是否实用;
  3.动画是否增强了用户体验;
  4.动画是否以合适的速度运行。

  下面我们开始我们的第一个例子,创建一个动画加载指示器,我直接把源码贴出来,上面有注释。
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-08-16jquery数组过滤筛选方法grep()简介
  • 2017-08-16推荐40个简单的 jQuery 导航插件和教程(下篇)
  • 2017-08-16jQuery flip插件实现的翻牌效果示例【附demo源码下载】
  • 2017-08-16jQuery处理xml格式的返回数据(实例解析)
  • 2017-08-16基于jquery的滚动新闻列表
  • 2017-08-16基于jquery的文字向上跑动类似跑马灯的效果
  • 2017-08-16JQuery中serialize()用法实例分析
  • 2017-08-16JQuery EasyUI 数字格式化处理示例
  • 2017-08-16浅谈jQuery框架Ajax常用选项
  • 2017-08-16使用jQueryMobile实现滑动翻页效果的方法

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • JQuery+CSS提示框实现思路及代码(纯手工打造)
    • jQuery旋转木马式幻灯片轮播特效
    • Jquery ajaxStart()与ajaxStop()方法(实例讲解)
    • layui导航栏实现代码
    • 为jQuery增加join方法的实现代码
    • 快速学习jQuery插件 Form表单插件使用方法
    • 使用jquery/js获取iframe父子级、同级获取元素的方法
    • 解决jQuery ajax动态新增节点无法触发点击事件的问题
    • jQuery-1.9.1源码分析系列(十)事件系统之事件包装
    • jQuery密码强度验证控件使用详解

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有