日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

HTML5在移動設(shè)備上表現(xiàn)，相信已經(jīng)不用我多說了，干掉了Flash之后，它已經(jīng)坐上了移動應(yīng)用程序的***把交椅。幾乎所有稍微高端一點(diǎn)的設(shè)備（喬幫主的iPad，iPhone和Andriod的平板手機(jī)等）的瀏覽器都支持HTML5，而且據(jù)權(quán)威人士測試，這些支持HTML5的設(shè)備對Canvas標(biāo)簽的支持也是相當(dāng)?shù)暮谩?/p>

大家都知道Web2.0以來，應(yīng)用程序的實(shí)現(xiàn)使用了大量Ajax，而Loading的小圖標(biāo)也有很多，甚至還有專門提供Loading圖片的網(wǎng)站，所以我就想能不能讓HTML5一并解決這個以前用gif文件才能解決的問題。出乎我意料的是，實(shí)現(xiàn)的過程非常簡單，只用了不到一小時的時間我就用HTML5實(shí)驗(yàn)出了兩個Loading效果，而且這樣做出來的Loading圖標(biāo)是可定制的，既可以定制顏色，也可以定制大小等屬性。

***個帶著小尾巴轉(zhuǎn)動的loading圖標(biāo)畫圖的思路是，首先畫一個圓，然后在圓的邊上按順序畫大小逐漸減小的小圓點(diǎn)，在每次刷新畫布時改變這一系列的小圓點(diǎn)在大圓邊上的位置。

這里是案例的演示代碼：

演示地址:http://f200-8.bbs.hexun.com/e/111219/loading.htm

第二個較為簡單，在一個圓環(huán)上有一個相同圓心相同半徑的圓弧在不停的轉(zhuǎn)動。畫圖的步驟是首先畫一個圓環(huán)，然后畫一個不同顏色相同圓心半徑的圓弧，在每次刷新畫布時改變圓弧的起始角度。

這里是案例的演示代碼：

 
 
 

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    
  
  
  
    
  
  
  
    
  
  
  
    
  
  
  
    
  
  
  
    您的瀏覽器不支持html5喲  
  
  
  
    
  
  
  
  
      
  
  
  
      
  
  
  
    
  
  
  
  
      
  
  
  
    
  
  
  
  
 
 
 

演示地址:http://f200-8.bbs.hexun.com/e/111219/loading2.htm

目前從移動設(shè)備對HTML5的支持來看，HTML5將來必定大有可為。

天下大勢，合久必分，分久必和。PC開發(fā)時Web應(yīng)用在很大程度上統(tǒng)一了客戶端程序；而現(xiàn)在移動開發(fā)使用不同的系統(tǒng)不同的語言，將來大多數(shù)應(yīng)用必然會統(tǒng)一到一種語言，這種語言必然是html5加Javascript。

注意：由于目前支持HTML5的瀏覽器還不是很多，請各位在查看演示案例的時候使用Firefox10或者Oprea11等高版本瀏覽器。

原文地址：http://www.52maomao.info/html5-loading.html

本文名稱：HTML5如何實(shí)現(xiàn)緩沖效果
文章鏈接：http://m.5511xx.com/article/dhdpsje.html