I saw that "prosperity, democracy, and harmony" mouse click effects will appear on other websites. Do you want to add the same effect to your WordPress website? In fact, the method is very simple, and a piece of JS code can do it. Put the following JS code into the appropriate position and refresh the website!
Open "Appearance - Theme - Edit - Template - Theme Footer (footer.php)"
and add the following code, save it and refresh it. Click on the website with the mouse to see if it has the same effect.
| 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30 |
<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> |