当前位置:网站首页>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
边栏推荐
猜你喜欢
随机推荐
elk安装
微信小程序客服接入,实现发送和接收消息
查询2013年到2021年的数据,只查询到2020的数据,遇到了这个问题所进行的解决办法
RecyclerView细节研究-RecyclerView点击错位问题的探讨与修复
Logging module
VMware installation 64 bit XP Chinese tutorial
剑指offer刷题(1)--面向华为
Multiple inheritance virtual base exercises
帆软中使用if else 进行判断-使用标题条件进行判断
void*是怎样的存在?
mysql 5.1升级到5.68
Postman的安装使用及填坑心得
正则表达式
云容灾是什么意思?云容灾和传统容灾的区别?
Oracle-数据泵使用
mysql 5.1升级到5.66
GFS分布式文件系统(理论)
ThreadGroup ThreadGroup implémente l'interface threadfactory en utilisant la classe Introduction + Custom thread Factory
Date的after时间判断
预览CSV文件