给你的WordPress博客加上各种花里胡哨的特效

2019年9月20日 0 条评论 344 次阅读 2 人点赞

早年我在玩WordPress的时候喜欢各种花里胡哨的东西,什么canvas-nest,网页下雪特效,网页复制弹窗,鼠标样式,鼠标点击特效等等,但随着年纪的增长慢慢对这些不太感兴趣了,博客搬家之后只保留了部分特效,写篇文章记录一下

这些大多为JavaScript代码,在WordPress中先引入Jquery库然后粘贴或者封装引入即可,这里还有个即时预览的方法,在webkit浏览器(Chrome等)按下F12检查,在console里面粘贴一下代码,然后回车执行即可看到效果了,以下部分特效叠加使用不起作用

页面下雪特效

代码较长,JS源码如下 sonwy.js

Canvas-nest网状特效

color:画布线颜色,默认值:'0,0,0'; 颜色为(R,G,B),opacity:线的不透明度(0〜1),默认值:0.5,count:行数,默认值:150,setTimeout:网页上出现的延迟

鼠标点击文字特效

鼠标点击随机颜色爱心特效

爱心的基本样式在function(n)里,随机颜色则是由function(s)里的rgb*Math.random来实现

WordPress复制内容跳出提示框

打开WordPress的footer.php文件,在此<?php endif; ?>之前,加入下面的代码就可以了

切换页面标题变换

详情可查看文章- JavaScript实现切换标签时,改变原页面标题

纯CSS画的玩偶-Eevee

footer.php中的</body>前加入以下代码,同时在header.php中引入CSS,也可直接写在style.css里

更多CSS特效可查看文章-如何用CSS画一个小猪佩奇

Hungway

Hungway

If not me,who?If not now,when?

文章评论(0)