当前位置:网站首页>gif转为静态图片处理
gif转为静态图片处理
2022-04-23 14:09:00 【瑞瑞小同学】
在一些低核浏览器,性能比较低的情况下,再加上gif不能压缩,特别影响内存,很容易造成页面卡顿。处理:转为静态图片
<div class="bxGifBox">
<img src="./img/gif/bx-1.png" class="bxGif" />
<img src="./img/gif/bx-2.png" class="bxGif" />
<img src="./img/gif/bx-3.png" class="bxGif" />
<img src="./img/gif/bx-4.png" class="bxGif" />
<img src="./img/gif/bx-5.png" class="bxGif" />
<img src="./img/gif/bx-6.png" class="bxGif" />
<img src="./img/gif/bx-7.png" class="bxGif" />
</div>
function bxanimate() {
for (let i = 0; i < 34; i++) {
(function (j) {
setTimeout(function () {
$(".bxGif").removeClass("bxopcity1");
$(".bxGif").eq(j).addClass("bxopcity1");
}, 100 * j)
})(i)
}
}
版权声明
本文为[瑞瑞小同学]所创,转载请带上原文链接,感谢
https://blog.csdn.net/yr123456654321/article/details/113123851
边栏推荐
- Pass in external parameters to the main function in clion
- Redis数据库讲解(一)
- VMware Workstation 无法连接到虚拟机。系统找不到指定的文件
- Can global variables be defined in header files
- 线程组ThreadGroup使用介绍+自定义线程工厂类实现ThreadFactory接口
- On the multi-level certificate based on OpenSSL, the issuance and management of multi-level Ca, and two-way authentication
- Visio installation error 1:1935 2: {XXXXXXXX
- logback-logger和root
- Storage path of mod subscribed by starbound Creative Workshop at Star boundary
- MySQL数据库讲解(十)
猜你喜欢
随机推荐
HyperBDR云容灾V3.2.1版本发布|支持更多云平台,新增监控告警功能
如何轻松做好一个项目
帆软中使用if else 进行判断-使用标题条件进行判断
ActiveMq基础知识
dp-[NOIP2000]方格取数
mysql 5.1升级到5.611
rsync+inotify远程同步
帆软中单元格中隔行变色以及数量大于100字体变大变红设置
帆软之单元格部分字体变颜色
ThreadGroup ThreadGroup implémente l'interface threadfactory en utilisant la classe Introduction + Custom thread Factory
关于NodeJS中JSON5的相关配置和使用
MySQL数据库讲解(九)
星界边境文本自动翻译机使用说明
HyperMotion云迁移完成阿里云专有云产品生态集成认证
返回数组排序后下标
Date的after时间判断
JDBC和servlet写CRUD的接口总结
logback-logger和root
Arrays类的使用案例
mysql 5.1升级到5.610









