WordPress特效：鼠标点击显示圆圈动画|小鹿学院

WordPress特效：鼠标点击显示圆圈动画

2018-01-19 18:36 小鹿推广

小鹿系列竞价软件覆盖百度、360、搜狗、神马四大搜索平台，采用独创的竞价算法，智能精准出价，一键批量查排名，根据关键词位置实时调整出价，降低出价虚高，稳定排名，节省企业预算。

今天，给大家介绍一款wordpress 鼠标点击特效，当鼠标单击网页任何地方时，都会出现一个犹如水波放大的彩色圆圈动画。这个特效，点击的时候不仅会让访客感觉很有手感，而且也会让访客感觉你的网站很有特色。话不多说，下面直接上代码。

小鹿推广,竞价软件,SEM营销

1.添加显示代码：

将以下代码添加到footer.php的</body>上面：

<scriptsrc=“http://cdn.qimok.cn/1.js”></script>
<scriptsrc=“http://cdn.qimok.cn/2.js”></script>
<script>
‘usestrict’;
var_extends=Object.assign||function(target){for(vari=1;i<arguments.length;i++){if(window.CP.shouldStopExecution(2)){break;}varsource=arguments[i];for(varkeyinsource){if(window.CP.shouldStopExecution(1)){break;}if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}
window.CP.exitedLoop(1);
}
window.CP.exitedLoop(2);
returntarget;};
varOPTS={
fill:‘none’,
radius:25,
strokeWidth:{50:0},
scale:{0:1},
angle:{‘rand(-35,-70)’:0},
duration:500,
left:0,
top:0,
easing:‘cubic.out’
};
varcircle1=newmojs.Shape(_extends({},OPTS,{
stroke:‘#FF8966’
}));
varcircle2=newmojs.Shape(_extends({},OPTS,{
radius:{0:15},
strokeWidth:{30:0},
stroke:‘#E5446D’,
delay:‘rand(75,150)’
}));
document.addEventListener(‘click’,function(e){
circle1.tune({x:e.pageX,y:e.pageY}).replay();
circle2.tune({x:e.pageX,y:e.pageY}).replay();
});
</script>

将以下代码放到style.css中即可：

搞定，赶快去看效果吧~~

标签：小鹿SEM推广

<< 上一篇

（已解决）wordpress后台编辑文件报“未能与站点联系来检查致命错误，因此PHP修改已被回滚。您需要采用其他方式（如SFTP）上传您修改的PHP文件。”解决办法

下一篇 >>

wordpress站点旋转音乐教程