#精品

富强·民主·爱国”鼠标点击特效美化

第一种

1. <script type="text/javascript">
2. var a_idx = 0;
3. jQuery(document).ready(function($) {
4. $("body").click(function(e) {
5. var a = new Array("❤富强❤","❤民主❤","❤文明❤","❤和谐❤","❤自由❤","❤平等❤","❤公正❤","❤法治❤","❤爱国❤","❤敬业❤","❤诚信❤","❤友善❤");
6. var $i = $("<span></span>").text(a[a_idx]);
7. a_idx = (a_idx + 1) % a.length;
8. var x = e.pageX,
9. y = e.pageY;
10. $i.css({
11. "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
12. "top": y - 20,
13. "left": x,
14. "position": "absolute",
15. "font-weight": "bold",
16. "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
17. });
18. $("body").append($i);
19. $i.animate({
20. "top": y - 180,
21. "opacity": 0
22. },
23. 1500,
24. function() {
25. $i.remove();
26. });
27. });
28. });
29. </script>

一键复制

第二种

1. /* 鼠标特效 */
2. $(function() {
3. var a_idx = 0,
4. b_idx = 0;
5. c_idx = 0;
6. jQuery(document).ready(function($) {
7. $("body").click(function(e) {
8. var a = new Array("欢迎您", "么么哒", "你真好", "棒棒哒", "真可爱", "你最美", "喜欢你", "真聪明", "爱你哦", "好厉害", "你真帅", "祝福你"),
9. b = new Array("#09ebfc", "#ff6651", "#ffb351", "#51ff65", "#5197ff", "#a551ff", "#ff51f7", "#ff518e", "#ff5163", "#efff51"),
10. c = new Array("12", "14", "16", "18", "20", "22", "24", "26", "28", "30");
11. var $i = $("<span/>").text(a[a_idx]);
12. a_idx = (a_idx + 1) % a.length;
13. b_idx = (b_idx + 1) % b.length;
14. c_idx = (c_idx + 1) % c.length;
15. var x = e.pageX,
16. y = e.pageY;
17. $i.css({
18. "z-index": 999,
19. "top": y - 20,
20. "left": x,
21. "position": "absolute",
22. "font-weight": "bold",
23. "font-size": c[c_idx] + "px",
24. "color": b[b_idx]
25. });
26. $("body").append($i);
27. $i.animate({
28. "top": y - 180,
29. "opacity": 0
30. }, 1500, function() {
31. $i.remove();
32. });
33. });
34. });
35. var _hmt = _hmt || [];
36. })
37. </script>

代码部署教程

部署到您自己的网站非常简单。它几乎支持所有站点。通常，只需将复制的代码粘贴到</body>之前即可。如果直接将 WordPress 网站添加到 footer.php 文件的</body>，则可以。代码中的字体和属性可以自定义，因为附加了另一个具有不同效果的代码。请选择一个你喜欢的装饰你的网站，看看效果！如果添加未生效，请尝试清理 CDN 缓存或浏览器缓存。

转载请注明：汇站网 » 富强·民主·爱国”鼠标点击特效美化