⑴ 手機怎麼保存gif圖片
1、gif動態圖片可以比靜態圖片生動，又比視頻文件小，更加易於保存和傳輸。首先手機使用網路搜索GIF圖片。
⑵ 如何給html頁面添加動態等待效果
1、直接貼圖：
在界面上貼一個gif動態等待效果圖片
gif圖片獲取方式：網上找素材，會ps的可以自己製作
<img src="wait.gif" />
2、CSS3/SVG/HTML5 Canvas手動繪制等待效果：
這種效果：網上有很多類似素材，可以根據需要選擇，或使用上述技術繪制
下面提供一個CSS3繪制的範例
<style>
.loading {
width:0;
height:0;
border-right:20px solid #fff;
border-top:20px solid #000;
border-left:20px solid #fff;
border-bottom:20px solid #000;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.loading {
animation: bganim 0.6s linear 0s infinite;
-moz-animation: bganim 0.6s linear 0s infinite;
-webkit-animation: bganim 0.6s linear 0s infinite;
}
@keyframes bganim {
from { transform:rotate(0deg); } to { transform:rotate(360deg); }
}
@-moz-keyframes bganim {
from { -moz-transform:rotate(0deg); } to { -moz-transform:rotate(360deg); }
}
@-webkit-keyframes bganim {
from { -webkit-transform:rotate(0deg); } to { -webkit-transform:rotate(360deg); }
}
</style>
<label>CSS3效果</label>
<div class="loading"></div>
-------------------------------------------------
效果如下圖：
運行機制很簡單，先手動繪制一個靜態的圖，然後控制對應div進行360度旋轉，即可實現
3、使用js等待效果插件(如：spin.js)
JS
-----------------------------------------------------
var opts = {
lines: 9,
length: 0,
width: 15,
radius: 20,
corners: 1,
rotate: 0,
direction: 1,
color: '#0101DF',
speed: 1,
trail: 34,
shadow: false,
hwaccel: false,
className: 'spinner',
zIndex: 2e9,
top: '50%',
left: '50%'
};
var target = document.getElementById('img_wait');
var spinner = new Spinner(opts).spin(target);
7
html
---------------------------------
<div id="img_wait"></div>
⑶ 動態圖片如何保存
動態圖片如何保存
1. 啟動一個瀏覽器，打開你需要查找動態圖像的網頁。每個瀏覽器的界面都有所不同，以其中一個瀏覽器為例，點擊如圖所示的圖標。找到網頁另存為選項，這里選擇文件。然後選擇一個存放位置。
2. 在手機上打開【網路】應用，點擊搜索欄，輸入gif動態圖像的名稱，例如：開心笑GIF。在搜索頁面，點擊【圖片】選項，就會出現gif動態圖像，然後長按該圖像准備下載並保存到手機。
3. 解鎖iPhone手機，進入主頁面，打開任意能夠發送和接收動態圖像的軟體，例如「QQ」。選擇任意好友，在聊天窗口中輸入「網路知道」，然後放大該動態圖像。長按該圖像直到彈出窗口，選擇【保存到手機】選項。
4. 要將gif動態圖像保存到手機，可以按照以下步驟操作：打開手機瀏覽器，在地址欄輸入gif動態圖像的網址，然後等待載入完成。長按gif動態圖像，在彈出的菜單中選擇「保存圖片」選項。