JQuery-JavaScript代码库-动画篇—我耀学IT
warning:
这篇文章距离上次修改已过204天，其中的内容可能已经有所变动。
// 使用jQuery实现一个简单的淡入淡出动画
$(document).ready(function() {
// 当点击按钮时，触发淡入动画
$('#fadeInButton').click(function() {
$('#box').fadeIn();
});
// 当点击另一个按钮时，触发淡出动画
$('#fadeOutButton').click(function() {
$('#box').fadeOut();
});
});这段代码展示了如何使用jQuery库中的fadeIn()和fadeOut()函数来创建简单的淡入和淡出动画。当用户点击页面上的特定按钮时，关联的动画效果会被触发，并应用于ID为box的元素上。这是jQuery动画库中的一个基本示例，展示了如何利用这个库来增强网页的交互性。
评论已关闭