【新手求助】这个js效果怎么实现？

Question

刚学完javascript基础知识，想再网上找些题例子做做，碰到一个简单基于jQuery实现的点击图片翻页展示效果
却实现不了。网址是：http://www.csrcode.cn/html/txdm/txtx/2810.htm（不是广告）。哪位大侠帮忙解决一下，码尽量详细点，新手理解能力一般啊。

Answer 1

animate函数  用于创建自定义动画的函数。
返回值:jQueryanimate(params, [duration], [easing], [callback])
概述
用于创建自定义动画的函数。这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性（如“height”、“top”或“opacity”）。注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值，样式属性就会从当前的值渐变到指定的值。如果使用的是“hide”、“show”或“toggle”这样的字符串值，则会为该属性调用默认的动画形式。 在 jQuery 1.2 中，你可以使用 em 和 % 单位。另外，在 jQuery 1.2 中，你可以通过在属性值前面指定 "+=" 或 "-=" 来让元素做相对运动。 jQuery 1.3中，如果duration设为0则直接完成动画。而在以前版本中则会执行默认动画。参数
paramsOptions一组包含作为动画属性和终值的样式属性和及其值的集合duration (可选)String,Number三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)easing (可选)String要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing".callback (可选)Function在动画完成时执行的函数

Answer 2

LZ是想用js模仿这个效果吧jQuery的代码在这里:
$(function(){
 var z=-1;
 $("div").click(function(){
  $(this).animate({left:"350px"},1000,function(){$(this).css("zIndex",z--)}).animate({left:"10px"},1000);
 })
});可以把代码拆分下:
$(function(){
 var z=-1;
 $("div").click(function(){
  // 在1秒内让图片的left属性变成350px,完了之后图片的z值减1
  $(this).animate({left:"350px"},1000,function(){
$(this).css("zIndex",z--)});
// 在1秒内让图片的left属性变成10px
// 因为z值已经减少了所以会藏在后面
$(this).animate({left:"10px"},1000);
 })});相信这些用js操作DOM加上下面的
setTimeout(fn,1000); 一秒后运行fn函数
setInterval(fn,1000); 每隔一秒执行一次fn函数
clearInterval(intervalId); 阻止某个intervalId不难实现的