留言板 – Fireworm

留言板

2024-3-10 13:03

324

0 字

几秒读完

渊

11 月前
2024-6-07 22:16:55

好喜欢你这个网页，它还能点击有爱心，能教我写嘛？
- fireworm
  博主
  渊
  
  已编辑
  
  11 月前
  2024-6-08 6:25:35
  
  这是根据WordPress搭建的网站，然后选用的Theme(主题)是Argon，我的网站的最底端有对应链接，有兴趣可以研究一下。这个爱心是点击效果，在Argon中设置中的页脚内容添加以下script代码，网上也有响应的代码可以使用。
  
  <script type=”text/javascript”>
  var a_idx = 0;
  jQuery(document).ready(function($) {
  $(“body”).click(function(e) {
  var a = new Array(“FIREWOME”);
  var $i = $(““).text(a[a_idx]);
  a_idx = (a_idx + 1) % a.length;
  var x = e.pageX,
  y = e.pageY;
  $i.css({
  “z-index”: 99999,
  “top”: y – 20,
  “left”: x,
  “position”: “absolute”,
  “font-weight”: “bold”,
  “color”: “rgb(“+~~(255*Math.random())+”,”+~~(255*Math.random())+”,”+~~(255*Math.random())+”)”//颜色随机
  //”#2299DD” //固定颜色
  });
  $(“body”).append($i);
  $i.animate({
  “top”: y – 180,
  “opacity”: 0
  },
  1500,
  function() {
  $i.remove();
  });
  });
  });
  
  这是根据WordPress搭建的网站，然后选用的Theme(主题)是Argon，我的网站的最底端有对应链接，有兴趣可以研究一下。这个爱心是点击效果，在Argon中设置中的页脚内容添加以下script代码，网上也有响应的代码可以使用。  <script type="text/javascript"> var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("FIREWOME"); var $i = $("<span></span>").text(a[a_idx]); a_idx = (a_idx + 1) % a.length; var x = e.pageX, y = e.pageY; $i.css({ "z-index": 99999, "top": y - 20, "left": x, "position": "absolute", "font-weight": "bold", "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"//颜色随机 //"#2299DD" //固定颜色 }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 1500, function() { $i.remove(); }); }); }); </script>