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

以下是实现代码，其中诗词为唐代王之涣的《登鹳雀楼》。

HTML代码：

<div id="poem">
  <h2 id="title">登鹳雀楼 - 王之涣</h2>
  <p>白日依山尽，黄河入海流。</p>
  <p>欲窮千里目，更上一層樓。</p>
</div>

CSS代码：

#poem {
  margin: 50px auto;
  width: 500px;
  text-align: center;
  font-size: 18px;
  line-height: 1.5;
  background-color: #f0f8ff;
}

#title {
  cursor: pointer;
}

#poem:hover {
  background-color: #e0eee0;
}

JavaScript代码：

$(document).ready(function() {
  var clicks = 0;
  $("#title").dblclick(function() {
    $(this).css("font-size", "+=4px");
    clicks++;
    if (clicks >= 3) {
      $(this).off("dblclick");
    }
  });
  $("p:first").one("click", function() {
    $(this).parent().css("font-size", "24px");
  });
  $("p:last").hover(function() {
    $(this).parent().css("background-color", "#add8e6");
  }, function() {
    $(this).parent().css("background-color", "#e0eee0");
  });
  $("body").click(function() {
    $("#poem").toggleClass("color1 color2 color3");
  });
});

解释一下代码：

1. 利用双击事件和变量记录双击次数实现标题放大和解除绑定。
2. 利用one()函数绑定单击事件实现正文字号的设置。
3. 利用hover()函数实现鼠标进入和离开时背景颜色的变化。
4. 利用toggleClass()函数和CSS的类选择器实现点击切换颜色。