论坛首页 Web前端技术论坛

html5 loading 效果来了

浏览 29043 次
精华帖 (1) :: 良好帖 (3) :: 新手帖 (0) :: 隐藏帖 (6)
作者 正文
   发表时间:2011-12-21  
HTML5很多技术都很好,不过楼主这个例子不太妥.
该用图片的地方还是要用.
0 请登录后投票
   发表时间:2011-12-21  
znjq 写道
HTML5很多技术都很好,不过楼主这个例子不太妥.
该用图片的地方还是要用.


你只是抛出了一个结论,没有说你的结论为什么成立呀。
0 请登录后投票
   发表时间:2011-12-22  
IE9表示压力很大.
0 请登录后投票
   发表时间:2011-12-22  
LubinJava 写道
IE9表示压力很大.

IE9没有任何压力吧。
0 请登录后投票
   发表时间:2011-12-22  
为什么用canvas?
我现在用的是css3的技术,代码如下

.spin {
  display: inline-block;
  background-image: url("../images/spin.png");
  -webkit-animation: rotate 3s linear infinite;
  width: 116px;
  height: 117px;
}

@-webkit-keyframes rotate {
 0% {
   -webkit-transform:  rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
 }
}


没试过canvas,从代码量上来说太多了,不知道有什么优势
0 请登录后投票
   发表时间:2011-12-22  
keshin 写道
为什么用canvas?
我现在用的是css3的技术,代码如下

.spin {
  display: inline-block;
  background-image: url("../images/spin.png");
  -webkit-animation: rotate 3s linear infinite;
  width: 116px;
  height: 117px;
}

@-webkit-keyframes rotate {
 0% {
   -webkit-transform:  rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
 }
}


没试过canvas,从代码量上来说太多了,不知道有什么优势


css里面有个图片?

另外js做的loading是可定制颜色大小,转速等。

希望通过此文引起大家对html5的兴趣。
0 请登录后投票
   发表时间:2011-12-22  
有没有好的学习html5的资料推荐下  想学习下
0 请登录后投票
   发表时间:2011-12-22  
这个效果很好啊
还可以实现loading的淡入淡出,loading结束后形状颜色改变等效果

说什么不兼容的问题也很好处理啊,老式浏览器就用个gif做个兼容性处理就行了.这样就可以底气十足的跟客户宣扬升级浏览器的好处.
0 请登录后投票
   发表时间:2011-12-22  
移动 需要考虑流量  尽量不用 图片
0 请登录后投票
   发表时间:2011-12-22  
html5很强大。
0 请登录后投票
论坛首页 Web前端技术版

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