免费刷金币,请点击这里
TE社区 > 前端技术
客服QQ:1206116161

GIF动画 | 40个加载页面设计,让等待成为一种享受

〇nLyヽ 于 2016-05-06 14:15:28 创建话题
(5077)
(3)
举报

毫无疑问,每个人都不喜欢等待。尤其是在浏览自己喜欢的页面或电影时,对着千篇一律、毫无新意的加载页面,简直枯燥乏味无聊极了!



实际上,有研究表明,普通用户能够忍受的最长的加载页面的时间一般为8秒钟。8秒是一个临界值,如果加载时间超过8秒,除非用户必须在这个页面获得一些信息,一般用户会关闭页面或者转到其他页面。

那么在这短短的8秒钟内,如何用一个小小的加载进度条吸引住用户,让他们留在当前的页面呢?

这里搜集了40个加载页面设计,虽然有些只是简单的动效设计,但依然让页面在保持加载的过程中充满了趣味性。如果能让射鸡师们get到一点灵感,那也是极好的!













































  • Mrchen
    - 03月17日 (0)

    11111

  • 呆到深处自然萌
    - 03月04日 (0)

    啦啦啦啦啦啦,我是卖报的小行家


  • fangandyuan
    - 2016年05月14日 (0)

    谢谢楼主的无私分享

扫码关注TE官方微博 扫码关注TE官方微博
PHP UTF8中文字符截断函数代码 JavaScript通过字典进行字符串翻译转换的方法 js实现全屏漂浮广告移入光标停止移动 PHP使用ODBC连接数据库的方法 解析CI的AJAX分页 另类实现方法 Android自定义View播放Gif动画的示例 用jQuery中的ajax分页实现代码 li中插入img图片间有空隙的解决方案 asp.net 获取TreeView中第一个选中的节点 Mongodb聚合函数count、distinct、group如何实现数据聚合操作 python获取指定字符串中重复模式最高的字符串方法 单击某一段文字改写文本颜色 JS实现消息来时让网页标题闪动效果的方法 JavaScript简单实现鼠标移动切换图片的方法 Sql学习第一天——SQL 练习题(建表_sql语句) OS X Yosemite无法登陆怎么办 osxyosemite登录失败原因 Ecshop后台拿shell方法总结 Lua中使用table.concat连接大量字符串实例 vue不通过路由直接获取url中参数的方法示例 Redis String 类型和 Hash 类型学习笔记与总结 Javascript实现字数统计 AngularJS实现tab选项卡的方法详解 JavaScript改变CSS样式的方法汇总 jQuery中 nth-child选择器用法实例 个人网站留言页面(前端jQuery编写、后台php读写MySQL) PHP和MySql中32位和64位的整形范围是多少 php中使用session防止用户非法登录后台的方法 WordPress中利用AJAX技术进行评论提交的实现示例 angularJS 入门基础 IOS微信端confirm以及alert去掉网址的实例代码 js Form.elements[i]的使用实例 JS实现列表的响应式排版(推荐) JS实现简单面向对象的颜色选择器实例 PHP超牛逼无限极分类生成树方法 ASP.NET Core Razor 页面路由详解 使用NodeJs 开发微信公众号(三)微信事件交互实例 移动端JQ插件hammer使用详解 NoSQL和Redis简介及Redis在Windows下的安装和使用教程 spring cloud 使用Eureka 进行服务治理方法 python 正则式使用心得 JavaScript纯色二维码变成彩色二维码 IOS改变UISearchBar中搜索框的高度 OSX 10.11 java 6不兼容怎么办?苹果MAC 10.11不兼容java 6情况的解决办法介绍 Python中文分词工具之结巴分词用法实例总结【经典案例】 基于jQuery的日期选择控件 ThinkPHP3.1新特性之多层MVC的支持 PHP学习笔记(一) 简单了解PHP IE浏览器下PNG相关功能 Linux系统下将txt转换为mobi格式电子书的方法 父元素与子iframe相互获取变量和元素对象的具体实现 原生js实现焦点轮播图效果 Asp.Net模拟表单提交数据和上传文件的实现代码 AngularJS基础 ng-include 指令示例讲解 使用vue-router设置每个页面的title方法 PHP实现HTTP断点续传的方法 JavaScript检测浏览器cookie是否已经启动的方法 jQuery zTree树插件简单使用教程 AngularJS 中的数据源的循环输出 浅谈jquery选择器 first与 first-child的区别 PHP常用的排序和查找算法 AngularJs Managing Service Dependencies详解 浅谈ASP.NET Core 2.0 部分视图(译) 关于vue-resource报错450的解决方案 bootstrap+jquery项目引入文件报错的解决方法 javascript计算星座属相(十二生肖属相)示例代码 php实现的RSS生成类实例 判断window.onload是否多次使用的方法 JQuery获取与设置HTML元素的内容或文本的实现代码 Python实现多条件筛选目标数据功能【测试可用】 Android多边形区域扫描线种子填充算法的示例 js控制分页打印、打印分页示例 Express框架之connect-flash详解 《javascript少儿编程》location术语总结 autoIMG 基于jquery的图片自适应插件代码 python实现二叉查找树实例代码 JavaScript函数作用域链分析 突破一流拦截 上传限制的方法 SQL优化经验总结 javascript两段代码,两个小技巧 ruby实现修改ubuntu下的hosts HTML5触摸事件演化tap事件介绍 .Net Core部署到CentOS的图文教程 JS实现超简单的汉字转拼音功能示例 基于SQL Server中char,nchar,varchar,nvarchar的使用区别 js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问 基于jQuery实现动态数字展示效果 Lua中__index和__newindex之间的沉默与合作 Sql 批量查看字符所在的表及字段 Javascript数组循环遍历之forEach详解 ASP编程入门进阶(十):Global.asa文件 C语言中调用Lua函数实例 新版VPS主机管理面板WDCP安装及使用体验-国产简单易用型VPS面板 DedeCms获取当前页面URL地址的实现方法 Ruby简明教程之数组和Hash介绍 10个简化PHP开发的工具 一个合格的程序员应该读过哪些书(偏java) layui 监听表格复选框选中值的方法 jQuery.extend()的实现方式详解及实例 jquery实现的导航固定效果 Android TextView中部分文字高亮显示 JS设计模式之数据访问对象模式的实例讲解 js实现超简单的展开、折叠目录代码 jquery validation验证表单插件 JavaScript基础函数整理汇总 IOS NSUserDefault 记住用户名及密码功能的实例代码 解决php表单重复提交实现方法 浅谈jQuery中的checkbox问题 ASP.NET MVC+EF框架+EasyUI实现权限管系列 Vue组件选项props实例详解 Python for循环中的陷阱详解 juqery 学习之四 筛选查找 nginx配置https的方法示例(免费证书) Python 拷贝对象(深拷贝deepcopy与浅拷贝copy) 云服务器Ubuntu_Server_16.04.1安装MySQL并开启远程连接的方法 jQuery基于ajax()使用serialize()提交form数据的方法 javascript上下方向键控制表格行选中并高亮显示的方法 SQL Server误区30日谈 第18天 有关FileStream的存储,垃圾回收以及其它 javascript实现在某个元素上阻止鼠标右键事件的方法和实例 JavaScript 中的正则表达式(推荐) php 文件下载 出现下载文件内容乱码损坏的解决方法(推荐) 多种获取远程连接access数据库的方法 CSS3制作圆角图片和椭圆形图片 node.js中http模块和url模块的简单介绍 javascript中数组的定义及使用实例 Node.js中的process.nextTick使用实例 Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存 写写对域名投资的一些浅薄之见 oracle 更改数据库名的方法 Nginx服务优化配置方案 jQuery页面加载初始化的3种方法(推荐) PHP获取数组的键与值方法小结 JGroups实现聊天小程序 PHP实现的DES加密解密封装类完整实例 javascript数据类型详解 jquery修改网页背景颜色通过css方法实现 javascript和php使用ajax通信传递JSON的实例 SQL Server存储过程中编写事务处理的方法小结 node.js中的fs.existsSync方法使用说明 .net获取本机公网IP地址示例 Python2.x版本中cmp()方法的使用教程 jQuery获取及设置表单input各种类型值的方法小结 十个优秀的Ajax_Javascript实例网站收集 PHP延迟静态绑定示例分享 node.js+jQuery实现用户登录注册AJAX交互 一个健康合理的账户架构应该如何去策划执行? DISCUZ论坛的UBB编辑器(增加灵活调用,支持ASP UBB解析)打包下载 JavaScript事件学习小结(三)js事件对象 iPhone和Mac也会被黑 一条iMessage密码可能就被盗了 mac itunes下载的文件在哪里?苹果MAC系统itunes下载目录查看方法介绍 Linux下PHP网站服务器安全配置加固防护方法【推荐】 PHP实现将HTML5中Canvas图像保存到服务器的方法 php微信公众开发之获取周边酒店信息的方法 PHP unlink与rmdir删除目录及目录下所有文件实例代码 ASP.NET 在线文件管理 利用一个简单的例子窥探CPython内核的运行机制 jsp include文件时的一个乱码解决方法 一个用JSP做的日历 Vue2.0 vue-source jsonp 跨域请求 AJAX简单应用实例-弹出层 NodeJS设计模式总结【单例模式,适配器模式,装饰模式,观察者模式】 Ajax的用法总结 Node.js简单入门前传 JavaScript编写检测用户所使用的浏览器的代码示例 各种常用的JS函数整理 JavaScript面向对象精要(下部) jQuery插件之Tocify动态节点目录菜单生成器附源码下载 关于shopex同步ucenter的redirect问题,导致script不运行 利用JQuery实现datatables插件的增加和删除行功能 Vue实现侧边菜单栏手风琴效果实例代码 重新认识一下网页标准 基于vue实现分页效果 用FSO获得图片文件的信息(大小,宽,高) jquery 将当前时间转换成yyyymmdd格式的实现方法 IE和Firefox之间在JavaScript语法上的差异 ASP.NET清空缓存时遇到的问题简析 JavaScript中的索引数组、关联数组和静态数组、动态数组讲解 从零开始学习jQuery (八) 插播 jQuery实施方案 向JavaScript的数组中添加元素的方法小结 js常用排序实现代码 Move.js入门 JS实现移动端实时监听输入框变化的实例代码 ASP生成UTF-8编码的代码 js汉字转拼音实现代码 phpize的深入理解 MySQL使用中遇到的问题记录 jquery自定义插件开发之window的实现过程 asp采集HTML内容常用代码,详讲正则采集 CentOS下yum安装缺少kernel-headers的解决方法 PHP 以POST方式提交XML、获取XML,解析XML详解及实例 Vuex之理解Store的用法 使用mini-define实现前端代码的模块化管理 Ubuntu 14.04安装java的方法以Ubuntu14.04为例 JavaScript随机打乱数组顺序之随机洗牌算法 一个30多年编程经验的程序员总结 Mydomain 域名操作说明 Python实现屏幕截图的代码及函数详解 深入讲解xhr(XMLHttpRequest)_jsonp请求之abort 实现简易html视频播放器的方法 原生js实现电商侧边导航效果 JavaScript 中的 this 简单规则
jQuery无限循环手风琴.zip 电器销售企业网站模板.zip 非常好看的BOOTSTRAP 整站前台模板 鼠标滑过弹出jquery在线客服.zip 【ASP.NET源码】穷小子asp.net音乐盗链程序_mp3.zip jquery文字列表向下滑动切换.zip 自作Java飞机大战源代码附带注释 HTML5全屏幻灯片切换特效.zip Struts2+Spring+Ibatis 医药管理系统 CSS3实现兴趣图谱效果.zip 旅行客车公司网站模板.zip jQuery动态新闻滚动.zip jquery贪吃蛇游戏特效代码.zip jquery表格标题固定特效代码.zip jQuery焦点图百叶窗效果切换.zip ssm+shiro+redis 登录控制及重试次数超过5次账号锁定一分钟 ios7滑块插件Powerange.zip Flash+xml集焦点图展示的音乐播放器.zip jQuery橘红色右侧在线客服代码.zip jquery图片注释叠加效果.zip jQuery文章目录索引导航菜单代码.zip jquery天猫分类导航banner切换.zip html5海贼王单页视差滚动特效.zip jsp仓储管理系统设计(源代码+论文) HTML后台控制面板.zip 外卖订餐HTML5网站模板.zip jQuery TAB文字列表自动切换.zip jQuery图片摇晃显示效果.zip spring3.0+mybatis3.0+springSecurity+SpringMVC Jsp微博管理系统设计与实现课程设计改改可以成毕业时节 jQuery仿淘宝彩票换一注动画特效.zip Bootstrap扁平带浮动标签表单.zip 【PHP源码】PBLang v4.67.16.a 多国语言版_pblang-4.67.16.a.zip 支付宝下拉圆角导航菜单.zip CSS3按钮鼠标悬停边框动画特效.zip jquery+css3实现列表toggle特效.zip 旅行酒店宾馆整站模板下载.zip CSS3响应式垂直手风琴展开收缩特效.zip 美丽花店CSS网页模板.zip 带缩略图的JS图片轮换.zip [Android项目源码] 给view加红色数字提醒角标 jQuery招聘网站职位选择代码.zip 根据滚动自动调整导航栏大小.zip 简洁的用户信息管理系统后台模板 jQuery响应式图片无缝切换代码.zip Metro风格jQuery导航菜单.zip 影视企业wordpress模板.zip 黑色复古培训网站模板.zip jquery顶部固定层下拉导航.zip 正方形索引按钮jquery幻灯片.zip css3 transition图文动画显示特效.zip java-office转化为pdf jquery带按钮的图片滚动切换代码.zip 微信小程序源码-扫码购物商城 jquery密码强度正则表达式代码.zip jquery图片拖拽排序.zip jQuery纵向柱状体样式投票代码.zip 3D鼠标拖拽卡片CSS3动画特效.zip jquery隐藏到边缘图片展示.zip jquery仿WebQQ菜单ui界面.zip 动物宠物网页模板下载.zip jQuery图片显示动态文字特效.zip 反恐精英CSS网页模板.zip jQuery方格抖动下拉导航.zip Joomla nf_vulcanus.zip 计算机病毒研究与防范系列VIP培训教程 10课时 JAVA支付宝支付接口 jQuery 2D迷宫游戏.zip s2sh开发的java源代码分享网(源码已开源) jquery悬浮带返回顶部在线客服.zip 可快速生成阴影效果jQuery插件.zip 电影票在线购买网站模板.zip jquery鼠标悬浮高亮开关灯.zip 微信小程序源码-音乐在线歌词搜索 jquery矩形可拉伸导航.zip 蓝色的建材公司官网模板html.zip 基于SSM、shiro的企业权限管理系统 flash+xml滚动新闻代码.zip Bootstrap绿色后台网站模板.zip jquery仿易迅商城分类菜单代码.zip 欧美摄影设计模板下载.zip jquery弹出层登录和全屏注册.zip SSH框架开发的新闻系统源码 jQuery手机端问卷调查代码.zip html5植物生长效果.zip 梦想年华JSP新闻发布系统1.0 圣亚罗手表广告模板下载.zip jQuery点击图片相册滑出放大展示.zip 精美淘宝客模版,一站包含丰胸,减肥,美白,祛痘,祛斑多个主题单页.zip PullToRefresh的下拉刷新功能 Spring3.1 MongoDB整合(含jar包、配置文件、实例) SpringMVC整合AngularJS简单Demo 国内外教学交流合作网页模板.zip 办公系统之java代码 手机软件设计CSS3模板.zip Json解析工具类 jQuery文本框自动联想补全特效.zip jQuery左侧图片右侧文字滑动切换代码.zip jquery表单验证特效.zip 纯CSS3鼠标滑过彩色动画按钮.zip 宽屏设计公司HTML5模板.zip Android中ListView切换批量模式动画效果 微信小程序 - TCP,IP长连接.zip 获取本地时间的Html5时钟特效.zip 微信小程序源码-法律条文node后端 基于WEB的网上招聘管理系统 凌云新闻系统(LyNews)v1.0 【PHP源码】仿ChannelChooser.com程序_channelchooser.zip 零基础精通PHP+MySQL网络编程课程 【ASP.NET源码】flash小游戏网站_flashgamesrc.zip 可快速生成阴影效果jQuery插件.zip jquery坐标标尺滑动效果.zip 【PHP源码】白月文章系统整合站点之水电十局站 v2.0_shuitemp.zip 蓝色商务大气网站模板.zip FragmentTabHost的使用,包括添加缓存View,选项卡,Tabhost jQuery时间轴幻灯片.zip 乒乓球俱乐部网站模版.zip Jsp论坛系统(BBS) 扁平化后台管理系统模板下载.zip HTML5重力下落积木游戏.zip jquery自适应分组缩略图.zip jQuery分页图片切换插件jPages.zip jQ+CSS3彩色流动边框登录框.zip jQuery爆炸效果炫酷轮播焦点图.zip jQuery视差插件TwentyTwenty.zip jquery鼠标滑过菜单颜色渐变显示.zip wordpress图片展示模板.zip java热加载Class文件 jQuery实现上下左右垂直居中.zip 动画艺术HTML5网页模板.zip 【ASP.NET源码】YxShop易想购物商城系统 v4.3.1 bulid 090515 发布版_web_changehope_b2c.zip phpwind8.7蓝色社交类模板.zip jquery焦点图片轮播滚动.zip 【ASP.NET源码】蓝驿轨迹ajax+xml实现省市区无刷新联动源码_citychange.zip jquery全屏焦点图代码.zip 3d房子室内布局设计效果.zip html5+css3现代感注册表单.zip 国外设计团队CSS3网站模板.zip Zabbix监控环境搭建与配置入门实战视频课程[高清版] Spring+SpringMVC+Hibernate4+Ext4 完整的系统 jQuery个性圆圈倒计时特效.zip flash多图片可伸缩展示代码.zip jquery鼠标悬停随机显示字符特效.zip 基于Tether下拉选择框美化特效.zip 微信小程序源码-百度小说 对话框动画 jQuery右侧图文混排展示.zip jquery UI元素滚动组合框.zip HTML5实现简单进度条效果.zip 微信小程序 - 路边的野花不要采.zip 可拖拽进度条 CSS3侧边栏卡片式菜单导航.zip jQuery分页排序插件jPList.zip html5中秋节吃月饼游戏.zip css3图片过滤效果.zip jQuery图文混排tab选项卡.zip jQuery下拉框城市选择插件.zip jQuery彩色滑动切换标签选项卡.zip Facebook登录表单.zip jsh开发学生管理系统 jsp+struts+hibernate+oracle 通用的在线考试系统 微信小程序源码-todolist,带简易后端 css3实现底部阴影按钮.zip 大气简洁商务网页模板.zip 室内家具设计公司模板.zip HUD科幻数据屏幕动画界面特效.zip jQuery带前后按钮旋转木马特效.zip 购物网站HTML全站模板.zip Flash+xml焦点图代码下载.zip 基于 struts1.2+hibernate+spring 框架开发的绿色健康购物网 微信小程序 - 天气列表锚点.zip jQuery人工签名效果插件.zip jQuery Select下拉框美化插件.zip 可折叠的商品分类代码.zip 宽屏纤细HTML5单页模板.zip 全屏大气扁平化企业模板.zip 橙色商业CSS网页模板.zip 果蔬种植业CSS网页模板.zip 基于Bootstrap的CSS3菜单.zip 纯CSS3 UI制作搜索框样式代码.zip jQuery鼠标点击图片滑动切换特效.zip 【PHP源码】GreySky(php+mysql+ajax+xml)留言本_greysky.zip 右侧缩略图jQuery轮播图效果.zip jQ缩放图片悬停效果.zip 【T843】HTML5响应式自适应产品展示网站织梦模板.zip jquery带播放按钮幻灯片.zip 侧边多级jquery菜单插件.zip 微信小程序源码-朴实商城 汽车细节描述jQuery特效.zip css3面包屑导航.zip jQuery触摸友好滑块插件Glide.zip jQuery+CSS3网页底部炫酷工具条.zip 【PHP源码】Discuz! 6.1.0 正式版 繁体BIG5 Build 20081117_discuz_6.1.0_tc_big5.zip 浪漫婚礼策划网站模板.zip 基于jQuery非常强大的TN3相册代码.zip jQuery弹出层页面分享插件.zip html5+css3酷炫音频播放器.zip 搜狐畅言网站jQuery幻灯片.zip jQuery页面右上角书页广告特效.zip WP移动设备Bing-Phone主题.zip
举报X