chevron_left

jQuery 开发教程

免费
第 2.6 回

教程文档

jQuery 开发教程 - jQuery 中的动画

2023年11月16日
jQuery 开发教程

jQuery 中的动画

jQuery 中常用设置动画的方法

$("p").hide(1000);                  //隐藏
$("p").css("display", "none");

$("p").show(1000);      //显示

$("p").fadeOut();       //淡出,改变透明度

$("p").fadeIn();        //淡入

$("p").slideUp();       //改变高度

$("p").slideDown();

自定义动画方法 animate()

格式

animate(params, speed, callback);

//params,样式及映射

//speed,速度

//callback,回调函数。在动画完成时执行的函数。

例子

<style type="text/css">

*{margin:0;padding:0;}

body { padding: 60px }

#panel {position: re...

课程介绍

jQuery 是一个快速、简洁的 JavaScript 框架,是继 Prototype 之后又一个优秀的 JavaScript 代码库(或 JavaScript 框架)。jQuery 设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装 JavaScript 常用的功能代码,提供一种简便的 JavaScript 设计模式,优化 HTML 文档操作、事件处理、动画设计和 Ajax 交互。

jQuery 的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的 css 选择器,并且可对 CSS 选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery 兼容各种主流浏览器,如 IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+ 等。