jQuery UI API 类别 - 特效核心
jQuery UI 的特效核心（Effects Core）提供了一组基本的动画效果，包括淡入淡出、滑动、缩放等。以下是一个使用 jQuery UI 特效核心中 fadeIn 和 fadeOut 方法的代码示例：
首先，确保你已经在你的项目中包含了 jQuery 和 jQuery UI 的库。你可以从 jQuery 的官方网站下载这些库，或者通过 CDN 引入。
HTML 结构如下：
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery UI Effects Core Example</title>
<link rel="stylesheet" href=";
<script src=";
<script src=";
</head>
<body> gaojunbiji.com/8Le3H7F5Q
67818.net/3Ic2R5O5O
yytzyy.cn/2Og5J1R8M
<button id="toggle-button">Toggle Visibility</button>
<div id="effect-box" style="width: 200px; height: 200px; background-color: #f00; display: none;">
<p>This box will fade in and out.</p>
展开全文
</div>
<script>
$(function() {
$('#toggle-button').click(function() {
var isVisible = $('#effect-box').is(':visible');
if (isVisible) {
$('#effect-box').fadeOut('slow');
} else {
$('#effect-box').fadeIn('slow');
</script>
</body>
</html>
在这个示例中，我们有一个隐藏的 div 元素（#effect-box）和一个按钮（#toggle-button）。当按钮被点击时，会触发一个事件处理器，该处理器检查 div 是否可见。如果 div 是可见的，它会使用 fadeOut 方法淡出；如果 div 是隐藏的，它会使用 fadeIn 方法淡入。这两个方法都接受一个字符串参数，指定动画的速度（在这个例子中是 'slow'）。
你还可以使用其他速度选项，如 'fast' 或具体的毫秒数（例如 1000 表示 1 秒）。此外，jQuery UI 还提供了其他特效方法，如 slideDown、slideUp、scale 等，可以根据需要选择使用。
评论