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

2021-08-01 0 793 百度已收录

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

第一种

  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缓存或浏览器缓存。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免责声明   ⚠️ 1. 本站所有资源来源于网络收集,若资源侵犯了您的合法权益, 请来信通知我们(Email: 1427707223@qq.com),我们会及时删除,给您带来的不便,我们深表歉意! 2. 分享目的仅供大家学习和交流,若使用商业用途,请购买正版授权! 否则产生的一切后果将由下载用户自行承担! 3. 会员不得使用于非法商业用途,不得违反国家法律。否则后果自负! 4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解! 5. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需! 6. 因源码具有可复制性,一经购买 ,不得以任何形式退款。 7.更多详情请点击查看

优站网 WordPress 富强·民主·爱国”鼠标点击特效美化 https://www.zhanceo.com/14495.html

诚乃立身之本、信为道德之基

常见问题
  • 如果付款后没有弹出下载页面,多刷新几下,有问题联系客服!
查看详情
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情

相关文章

联系官方客服

为您解决烦忧 - 24小时在线 专业服务

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