上一篇日志发布了一个企业网站源代码，这篇日志主要补充一下 Jquery 的相关知识，Jquery 是一种与 Protype 类似 Js 开 发框架，而且很轻量化，深受广大像 CG 一样的程序员的喜爱，当然了用 Jquery 写出动态效果也是小菜一碟以下是 CG 用 jquery 实现的简单的动态效果，大家看到之后不要觉得 JS 代码很复杂哦
下面是展示地址 http://www.lidaren.com/code/Jquery/Jquery1.htm
下面是源代码
$(document).ready(function(){
$("#box").animate({opacity: "0.1", left: "+=600"}, 1200)
.animate({opacity: "1", top: "+=300", height: "170", width: "300"}, "slow")
.animate({opacity: "0.1", left: "0", height: "170", width: "300"}, "slow")
.animate({opacity: "1", top: "0"}, "fast")
.animate({opacity: "1", top: "+=150", left: "+=300", height: "170", width: "300"}, "slow")
.animate({opacity: "0.1", height: "170", width: "300"}, "slow")
.animate({opacity: "1" , height: "170", width: "300"}, "slow")
.animate({opacity: "0.4", height: "170", width: "300"}, "slow")
.animate({opacity: "1", height: "170", width: "300"}, "slow")
.slideUp()
.slideDown("slow")
.animate({opacity: "0.1", height: "170", width: "300"}, "slow")
.animate({opacity: "1" , height: "170", width: "300"}, "slow")
.animate({opacity: "0.4", height: "170", width: "300"}, "slow")
.animate({opacity: "1", height: "170", width: "300"}, "slow")
return false;
});
简单的解释一下，Jquery 对 DOM 对象的动态效果是定义了对象的 animate 方法来实现的，animate 方法的参数比较多，第一个参数是对象从 A 状态到 B 状态的基本属性变化值，通常与 CSS 兼容，Jquery 支持表达式计算功能，比如 height:"+=300" 就是高度自增 300，这种方式很方便代码的编写，第二个属性通常是控制变化的效果的，主要可用的值是 fast 和 slow，当然大家也可以用一个整数来表示变化的时间长度，这样控制更自由一点。下面是 .slideUp () .slideDown () 这两个方法，效果是卷动效果，参数可以是 fast 和 slow 或者加时间控制，单位是毫秒，其他的还有.hidde () 和.show (), 看意思大家就明白，这里不详述