例如,如果我想从此网站添加此代码https://codepen.io/tamak/pen/ApLcq
html教程
已设置动画
cssdiv{宽度:120px;高度:100px;显示:块;背景:绿色;文本对齐:居中;线宽:100px;边距:10px;浮动:左;颜色:白色;边框半径:10px;}
。动画{动画持续时间:3s;动画填充模式:两者;动画迭代计数:无限;}
js$(文档)。就绪(函数(){
动画单击(“.卷展栏1”,“卷展栏”);动画单击(“.bounce1”,“bounce”);动画单击(“.flash1”,“flash”);动画单击(“.pulse1”,“pulse”);动画单击(“.rubberBand1”,“rubberBand”);动画单击(“.shake1”,“shake”);动画单击(“.tada1”,“tada”);动画单击(“.swing1”,“swing”);动画单击(“摆动1”,“摆动”);动画单击(“.bounceIn1”,“bounceIn”);动画单击(“.bounceInDown1”,“bounceInDown”);动画单击(“.bounceInLeft1”,“bounceInLeft”);动画单击(“.bounceInRight1”,“bounceInRight”);动画单击(“.bounceInUp1”,“bounceInUp”);动画单击(“.bounceOut1”,“bounceOut”);动画单击(“.bounceOutDown1”,“bounceOutDown”);动画单击(“.bounceOutLeft1”,“bounceOutLeft”);动画单击(“.BounceOutTright1”,“BounceOutTright”);动画单击(“.bounceoutp1”,“bounceOutUp”);动画单击(“.fadeIn1”,“fadeIn”);动画单击(“.fadeInDown1”,“fadeInDown”);动画单击(“.fadeInDownBig1”,“fadeInDownBig”);动画单击(“.fadeInLeft1”,“fadeInLeft”);动画单击(“.fadeInLeftBig1”,“fadeInLeftBig”);动画单击(“.fadeInRight1”,“fadeInRight”);动画单击(“.fadeInRightBig1”,“fadeInRightBig”);动画单击(“.fadeInUp1”,“fadeInUp”);动画单击(“.fadeInUpBig1”,“fadeInUpBig”);动画单击(“.fadeOut1”,“fadeOut”);
动画单击(“.fadeOutDown1”,“fadeOutDown”);动画单击(“.fadeOutDownBig1”,“fadeOutDownBig”);动画单击(“.fadeOutLeft 1”,“fadeOutLeft”);动画单击(“.fadeOutLeftBig1”,“fadeOutLeftBig”);动画单击(“.FadeOutTright1”,“FadeOutTright”);动画单击(“.FadeOutTrightBig1”,“FadeOutTrightBig”);动画单击(“.fadeoutp1”,“fadeOutUp”);动画单击(“.fadeOutUpBig1”,“fadeOutUpBig”);动画单击(“.flipInX1”,“flipInX”);
函数animationHover(element,animation){element=$(element);element.hover(function(){element.addClass(\'animated\'+animation);},function(){//在删除类窗口之前等待动画完成。setTimeout(function(){element.removeClass(\'animated\'+animation);},2000);});};
函数animationClick(element,animation){element=$(element);element。单击(function(){element.addClass(\'animated\'+animation);//在删除类窗口之前等待动画完成。setTimeout(function(){element.removeClass(\'animated\'+animation);},2000);});};
});
wer和how to addi hv使用代码片段和custo html css js插件来完成,但不知道如何调用wordpress页面我需要多次调用此动画