论坛首页 Web前端技术论坛

html5 loading 效果来了

浏览 29037 次
精华帖 (1) :: 良好帖 (3) :: 新手帖 (0) :: 隐藏帖 (6)
作者 正文
   发表时间:2011-12-21  
楼主做的不错
0 请登录后投票
   发表时间:2011-12-21  
conanca 写道
用图片不一定好,如果做移动网站,多费流量啊(*^__^*) 嘻嘻…

换个角度想,上去几年,连圆角都是用图片拼接实现的,现在已经能通过CSS搞定(当然需浏览器支持)
HTML5真普及起来,谁会料到能发生什么事情呢


嘿嘿,谢谢支持。

这个js的流量确实要比图片小一点。

另外这个的好处是能提供更多样的选择,比如说换颜色,改大小,根据下载速度(Html5 Socket)改变旋转速度等等。这样对用户体验会好一点。
0 请登录后投票
   发表时间:2011-12-21  
以后美工的很多活都让web前端抢了。
0 请登录后投票
   发表时间:2011-12-21  
myten 写道
其实使用一个Gif图片最简单,为什么一定要多此一举。不能为了技术而技术。

假如说根据load的速度,实时反映到那个圈的转速上,gif就没法实现了,但这个程序实现的方案就可以实现。
这种探索性质的事情,不要有太多的束缚,just for fun而已,这样常常会得到一些意想不到的副产品,挺好的。
支持楼主
0 请登录后投票
   发表时间:2011-12-21  
BuN_Ny 写道
以后美工的很多活都让web前端抢了。


这个倒也不会吧,因为美工艺术细胞比程序员强的多呀。
0 请登录后投票
   发表时间:2011-12-21  
yeaha 写道
myten 写道
其实使用一个Gif图片最简单,为什么一定要多此一举。不能为了技术而技术。

假如说根据load的速度,实时反映到那个圈的转速上,gif就没法实现了,但这个程序实现的方案就可以实现。
这种探索性质的事情,不要有太多的束缚,just for fun而已,这样常常会得到一些意想不到的副产品,挺好的。
支持楼主


有同感。
0 请登录后投票
   发表时间:2011-12-21   最后修改:2011-12-21
conanca 写道
用图片不一定好,如果做移动网站,多费流量啊(*^__^*) 嘻嘻…

换个角度想,上去几年,连圆角都是用图片拼接实现的,现在已经能通过CSS搞定(当然需浏览器支持)
HTML5真普及起来,谁会料到能发生什么事情呢



不是所有浏览器都支持Html5。用了html5还要写在大堆其它兼容处理。
如果是用于移动网站不考虑浏览器的兼容性而仅为了少流量还不如直接用CSS3呢。网上搜索"CSS3 loading"多得很,那个的流量绝对只有这种js方法的1%左右。
0 请登录后投票
   发表时间:2011-12-21  
conanca 写道
用图片不一定好,如果做移动网站,多费流量啊(*^__^*) 嘻嘻…

换个角度想,上去几年,连圆角都是用图片拼接实现的,现在已经能通过CSS搞定(当然需浏览器支持)
HTML5真普及起来,谁会料到能发生什么事情呢

一个loading的gif不一定比这段js大
0 请登录后投票
   发表时间:2011-12-21  
dieslrae 写道
conanca 写道
用图片不一定好,如果做移动网站,多费流量啊(*^__^*) 嘻嘻…

换个角度想,上去几年,连圆角都是用图片拼接实现的,现在已经能通过CSS搞定(当然需浏览器支持)
HTML5真普及起来,谁会料到能发生什么事情呢

一个loading的gif不一定比这段js大


你这么看,那就把它当作对新技术的一种学习,研究好了。
0 请登录后投票
   发表时间:2011-12-21  
mfkvfn 写道
conanca 写道
用图片不一定好,如果做移动网站,多费流量啊(*^__^*) 嘻嘻…

换个角度想,上去几年,连圆角都是用图片拼接实现的,现在已经能通过CSS搞定(当然需浏览器支持)
HTML5真普及起来,谁会料到能发生什么事情呢



不是所有浏览器都支持Html5。用了html5还要写在大堆其它兼容处理。
如果是用于移动网站不考虑浏览器的兼容性而仅为了少流量还不如直接用CSS3呢。网上搜索"CSS3 loading"多得很,那个的流量绝对只有这种js方法的1%左右。


没想到css3这么好玩了,也有必要研究一下。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics