编写一个使用jQuery实现的网页交互特效

以下是一个使用jQuery实现的简单的网页交互特效示例：

HTML代码：

<button id="btn">点击我</button>
<div id="box" style="display:none;">这是隐藏的内容</div>

jQuery代码：

$(document).ready(function(){
  $("#btn").click(function(){
    $("#box").fadeIn(1000); //淡入显示
  });
});

以上代码将按钮与一个隐藏的`<div>`元素关联起来。当用户单击按钮时，使用`fadeIn()`方法将隐藏的`<div>`元素淡入显示，从而创建一个平滑的动画效果。

此外，jQuery还提供了许多其他的动画方法和事件处理函数，可以用于创建各种不同类型的网页交互特效，如展开/折叠菜单、轮播图等。