为网站添加鼠标特效,粒子特效,下方计时

鼠标点击特效

在外观-编辑主题-主题页脚footer.php中
<?php wp_footer();?>之上就行

/*  深夜笔记博客  www.blackeep.com  */
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
var $i = $("<span/>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 999999999999999999999999999999999999999,   /*  如果在最下层就多删点9  */
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "#ff6651"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script>

粒子特效

粒子特效在插件库里找Canvas-Nest.js(23.1.31:不能用了,在想办法中:这个是代码)

在外观-编辑主题-主题页脚footer.php中
<?php wp_footer();?>之上就行

<script>
 !function(){
 function n(n,e,t){
 return n.getAttribute(e)||t
 }
 function e(n){
 return document.getElementsByTagName(n)
 }
 function t(){
 var t=e("script"),o=t.length,i=t[o-1];
 return{
 l:o,z:n(i,"zIndex",999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999),o:n(i,"opacity",.5),c:n(i,"color","0,0,0"),n:n(i,"count",99)
 }
 }
 function o(){
a=m.width=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,
 c=m.height=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight
 }
 function i(){
 r.clearRect(0,0,a,c);
 var n,e,t,o,m,l;
 s.forEach(function(i,x){
 for(i.x+=i.xa,i.y+=i.ya,i.xa*=i.x>a||i.x<0?-1:1,i.ya*=i.y>c||i.y<0?-1:1,r.fillRect(i.x-.5,i.y-.5,1,1),e=x+1;e<u.length;e++)n=u[e],
 null!==n.x&&null!==n.y&&(o=i.x-n.x,m=i.y-n.y,
 l=o*o+m*m,l<n.max&&(n===y&&l>=n.max/2&&(i.x-=.03*o,i.y-=.03*m),
 t=(n.max-l)/n.max,r.beginPath(),r.lineWidth=t/2,r.strokeStyle="rgba("+d.c+","+(t+.2)+")",r.moveTo(i.x,i.y),r.lineTo(n.x,n.y),r.stroke()))
 }),
 x(i)
 }
 var a,c,u,m=document.createElement("canvas"),
 d=t(),l="c_n"+d.l,r=m.getContext("2d"),
 x=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||
 function(n){
 window.setTimeout(n,1e3/45)
 },
 w=Math.random,y={x:null,y:null,max:2e4};m.id=l,m.style.cssText="position:fixed;top:0;left:0;z-index:"+d.z+";opacity:"+d.o,e("body")[0].appendChild(m),o(),window.onresize=o,
 window.onmousemove=function(n){
 n=n||window.event,y.x=n.clientX,y.y=n.clientY
 },
 window.onmouseout=function(){
 y.x=null,y.y=null
 };
 for(var s=[],f=0;d.n>f;f++){
var h=w()*a,g=w()*c,v=2*w()-1,p=2*w()-1;s.push({x:h,y:g,xa:v,ya:p,max:6e3})
 }
 u=s.concat([y]),
 setTimeout(function(){i()},100)
 }();
 </script>

下方计时

<span id="runtime_span" class="footer-info"></span>
<script type="text/javascript">function show_runtime(){window.setTimeout("show_runtime()",1000);X=new 
Date("11/07/2018 22:49:00");
Y=new Date();T=(Y.getTime()-X.getTime());M=24*60*60*1000;
a=T/M;A=Math.floor(a);b=(a-A)*24;B=Math.floor(b);c=(b-B)*60;C=Math.floor((b-B)*60);D=Math.floor((c-C)*60);
runtime_span.innerHTML="本站自2018.11.07已运行: "+A+"天"+B+"小时"+C+"分"+D+"秒"}show_runtime();</script>

下方统计

<span>本站已被点击<?php get_totalviews();?> 次</span>

 

阅读剩余
THE END