120秒动态图试看合集来了!高清资源免费在线看!
今天心血来潮,想搞个动态图试看的功能,就是那种鼠标移上去,会预览几秒钟的动态效果。琢磨一下,大概就是把一个长长的 GIF 图拆成一段段小视频,然后鼠标移上去的时候播放,移开就停止。说干就干!
开搞!
我找个120秒的视频素材。这素材得有,不然咋做试看?

然后,动手拆视频
- 第一步, 我打开平时剪视频的软件,把那个长视频拖进去。
- 第二步, 我在时间轴上,每隔几秒就咔嚓一刀,把长视频切成一堆小片段。这步有点费时间,不过为效果,值!
- 第三步, 我把这些小片段挨个导出来,保存文件名嘛就按顺序编个号,方便待会用。

把这些小视频片段搞成动态图
这一步我用个在线工具,把刚才导出的小视频片段,一个个转成 GIF 格式。这样,鼠标移上去的时候,就能看到动态效果。
写点代码把它们串起来
我用平时写网页的编辑器,简单写几行代码。大概意思就是:
- 把那些 GIF 图都放进网页里。
- 给每个 GIF 图都加上“特技”,鼠标移上去就开始播放,移开就停。

搞定!保存,刷新页面,鼠标移上去,还真能看到动态预览!虽然只是个小功能,但自己动手做出来的,感觉还挺有成就感的。
今天就分享到这儿,下次有好玩的再来跟大家唠!
