在网页DIV中设置一首诗词（要求有诗的标题和作者），在标题上绑定双击事件，每一次双击标题时标题放大4px，在双击3次后解除绑定；在诗词第一行上使用one()函数绑定单击事件，单击时设置整个诗词正文字号设为24PX；在诗词最一后行上设置hover()函数，鼠标进入时页面背景设为浅蓝色（颜色自定义），鼠标离开时设置背景为浅绿色（颜色自定义）；在页面空白处使用toggle（）函数，单击时诗词正文在三种颜色之间切换。

HTML代码：

<div id="poem">
  <h2 id="title">《静夜思》 李白</h2>
  <p>床前明月光，疑是地上霜。</p>
  <p>举头望明月，低头思故乡。</p>
  <p id="end">-- 李白</p>
</div>

JavaScript代码：

$(document).ready(function() {
  var count = 0;
  
  // 双击标题放大4px，双击3次后解除绑定
  $("#title").dblclick(function() {
    $(this).css("font-size", "+=4");
    count++;
    if (count == 3) {
      $(this).off("dblclick");
    }
  });
  
  // 单击第一行正文，设置整个诗词正文字号为24PX
  $("#poem p:first").one("click", function() {
    $("#poem p").css("font-size", "24px");
  });
  
  // 鼠标进入最后一行，背景设为浅蓝色，鼠标离开设为浅绿色
  $("#end").hover(function() {
    $("body").css("background-color", "#c7ecee");
  }, function() {
    $("body").css("background-color", "#dfe6e9");
  });
  
  // 点击空白处，诗词正文颜色在三种颜色之间切换
  $("body").click(function() {
    var colors = ["#ff7675", "#74b9ff", "#55efc4"];
    var curColor = $("#poem").css("color");
    if (curColor == colors[0]) {
      $("#poem").css("color", colors[1]);
    } else if (curColor == colors[1]) {
      $("#poem").css("color", colors[2]);
    } else if (curColor == colors[2]) {
      $("#poem").css("color", colors[0]);
    }
  });
});