本篇仅使用butterfly_v3.6.0 +的主题版本,如果是在这之前的版本,请移步下方教程链接。
基础引入方案(通用) 新建 [Blogroot]\themes\butterfly\source\js\floatpanel.js, var ANGLE = 45; //控制浮动角度,数值越大,浮动幅度越大。 var panel= document.getElementsByClassName('wowpanels'); for(var i = 0;i<panel.length;i++){ floatable(panel[i]); } function floatable (content) {
WOW.js 依赖 animate.css,所以它支持 animate.css 多达 60 多种的动画效果,能满足您的各种需求。由于使用了CSS3动画,所以一些老旧的浏览器是不支持的。为了兼容,可以增加浏览器判断。
众所周知,Vue SPA单页面应用对SEO不友好,当然也有相应的解决方案,通过查找资料,大概有以下4种方法。
2.解压文件,找到dist下的wow.min.js文件用于链接到页面中使用WOW.js
英文 | https://javascript.plainenglish.io/30-javascript-animation-libraries-for-2022-db33a472e02d
领取专属 10元无门槛券
手把手带您无忧上云