WordPress知更鸟Begin主题添加“富强、民主、和谐”鼠标点击特效

一点优化
一点优化
一点优化
461
文章
40
评论
2019年12月29日21:10:06 评论 509围观 816字阅读2分43秒

添加“富强、民主、和谐”鼠标点击特效,这个特效网上也有许多教程,看到后也收集来了。其实就是一个JS,代码如下。把JS放在网站中就可以使用了。

<script type=“text/javascript“>
/* 鼠标特效 */

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”: 999999999999999999999999999999999999999999999999999999999999999999999,
“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>

JS文件,我们一般是放在底部,也就是footer中,其实为了更小的缩减JS加载请求,我们可以把JS合并下。就如以上JS,去除<script type="text/javascript"></script>把里面的内容加在网站需要运行的JS里面,这样也就可以做到合并下,效果也不会变,也减少了JS的请求。

  • 微信
  • 这是我的微信扫一扫
  • weinxin
  • QQ群
  • 我的QQ交流群扫一扫
  • weinxin
一点优化
  • 本文由 发表于 2019年12月29日21:10:06
WordPress添加好看的移动端底部菜单导航 wp美化

WordPress添加好看的移动端底部菜单导航

WordPress添加好看的移动端底部菜单导航,以前也分享过一个导航,不过那个不太好看,这里在分享一个导航在电脑端不显示,手机端显示,其它系统程序也可以用,把代码添加到主题的页脚文件就可以啦,CSS样...
利用HTML5预加载实现给wordpress预加载页面 WP综合教程

利用HTML5预加载实现给wordpress预加载页面

HTML5引入了预加载页面技术,可以大幅度提高网站加载时间以及速度,HTML5预加载是一种浏览器机制,使用浏览器空闲时间来预先下载/加载用户接下来很可能会浏览的页面,资源。 浏览器载入当前页面完成后,...
WordPress网站SEO优化插件:Smart SEO Tool WP插件

WordPress网站SEO优化插件:Smart SEO Tool

一点优化的徒弟找了一款WordPress网站SEO优化插件,这个插件聚合了一个网站所需要的基础功能,只要是做优化的应该没有不喜欢的,这款叫Smart SEO Tool,下面介绍一下这款插件的功能,个人...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: