⑴ 手机怎么保存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动态图像，在弹出的菜单中选择“保存图片”选项。