jquery 函数应用

<SCRIPT type=text/javascript>
 <!--
 var num = 0;
 $("#nav").hide();
 $("li img").load(function(){//fn (Function): 在每一个匹配元素的load事件中绑定的处理函数。<p onload="alert('Hello');">Hello</p>

  num++;
  if (num==4)
  {
   $("#nav").show();
  }
 })
  .click(function(){
  
  //如果已经处于active状态，return
  if (this.className.indexOf("active")!=-1) return;
  
  //正文文字渐隐
  $("#frontText").fadeOut();//淡出效果,这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化
  $("#frontTextBack").fadeOut();
  $("#frontTextSub").fadeOut();

  //active状态的图片恢复原样
  $("li img.active").fadeTo(200,0.6)
  //speed (String|Number): 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)
  //opacity (Number): 要调整到的不透明度值(0到1之间的数字).
  //callback (Function): (可选) 在动画完成时执行的函数

  .removeClass("active")
  .animate({top:5,width:52,left:10},300)
  //params (Hash): 一组包含作为动画属性和终值的样式属性和及其值的集合
  //speed (String|Number): (可选) 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)
  //easing (String): (可选) 要使用的擦除效果的名称(需要插件支持).
  //callback (Function): (可选) 在动画完成时执行的函数

  .parent().css({"color":"#aaa"});  //LI
  
  //获取数据
  var i = $(this).attr("pic");//获取属性
  var t = $(this).attr("text").split("|");
  
  //当前
  $(this).animate({top:-5,width:70,height:40,left:1},100)
  .addClass("active")
  .fadeTo(200,1)//不透明
  .parent().css({"color":"white"});

  $("#back").children().addClass("gray").end()//end() 恢复到父一级选择器
     .fadeTo(500,0.1,function(){
          //var IMG = new Image();
          //IMG.s
          $(this).children("img").attr("src","images/"+i+".jpg").removeClass("gray");   //更改图片
          $(this).fadeTo(500,1,function(){
                $("#frontText").html(t[0]).fadeIn(200); //更改正文文字
                $("#frontTextBack").html(t[0]).fadeIn(200); //阴影文字
                $("#frontTextSub").html(t[1]).fadeIn(200)} //副标题
                );
          })
  })

 //初始第一张图片
 
 var i =0;

 show();

 function show(){
  if (i==$("li img").size()) i = 0
  $("li img").eq(i).click();
  i++;
  //setTimeout(show(),1000);
 }

 //document.oncontextmenu   =  function(e){return false}
 
 if (self.location.search!=""){
  var V = self.location.search;
  V = V.substr(1,V.length);
  eval(V);
  var json ="{";
  if (option.skin==0)
   $("#mask").hide();
  if (option.animate == 0){
  $("#nav ul").hide();
  }
  $("#nav").width(option.width?option.width:760);
  $("#nav").height(option.height?option.height:240);
  $("#back img").width($("#nav").width());
  $("#back img").height($("#nav").height());
  $(self.parent.document.getElementById("splash")).children().height($("#nav").height()).width($("#nav").width());
 }
  
 //-->
 </SCRIPT>