<script type="text/javascript">
$(function(){/* $(".topicList h3").click("click",function(){var uln=$(this).next("ul");if(uln.css("display")=="none"){uln.css("display","block");}else{uln.css("display","none");}}); *//* $(".topicList h3").toggle(function(){$(this).next("ul").css("display","block");},function(){$(this).next("ul").css("display","none");}); *//*可以使用jquery说提供的show和hide来完成缓动的隐藏和显示效果由于两个方法比较类似,可以直接使用toggle来完成操作toggle()如果有2个参数,并且都是函数,表示第一次点击执行第一个函数第二次点击执行第二个函数*//* $(".topicList h3").toggle(function(){$(this).next("ul").show(1000);},function(){$(this).next("ul").hide(1000);}); */$(".topicList h3").on("click",topicHandler);//$(".topicList h3").toggle(topicHandler,topicHandler); function topicHandler(){//$(this).next("ul").slideToggle(1000);/*使用show(),fade(),slideDown()可以完成容器的显示使用fadeOut(),hide(),slideUp()可以完成某个容器的隐藏*/$(this).next("ul").slideToggle(1000);}
});
</script>
/
<script type="text/javascript">
$(function(){$("#go1").click(function(){$("#block1").animate( { width: "90%"}, { queue: false, duration: 5000 } ).animate( { fontSize: '10em' } , 1000 );});
});
</script><script type="text/javascript">
$(function(){/* $("#imgElement img").click(function(){if($(this).attr("src")=="01.jpg"){$(this).attr("src","02.jpg").css("opacity",0.0).animate({opacity:1.0},1000        );}else{$(this).attr("src","01.jpg").css("opacity",0.0).animate({opacity:1.0},1000        );}}); */function change(){var ele=$("#imgElement img");if(ele.attr("src")=="01.jpg"){ele.attr("src","02.jpg").css("opacity",0.0).animate({opacity:1.0},1000,function(){$("#content").append("02");}        );}else{ele.attr("src","01.jpg").css("opacity",0.0).animate({opacity:1.0},1000        );}}setInterval(change,3000);
});
</script><script type="text/javascript">
$(function(){/* var index=0;$("#imgElement img").css("display","none");function change(){$("#imgElement img:eq("+(index++)+")").fadeIn();    } */var index=0;$("#imgElement img").each(function(n){$("#content").append("<span>"+(n+1)+"</span>");}).css("display","none").filter(":eq("+(index++)+")").show();$("#content span").click(function(){var ele=$(this).html();index=(ele-1);change();});$("#content span:eq(0)").addClass("selected");function change(){var img=$("#imgElement img").css("display","none").filter(":eq("+(index)+")").fadeIn("slow");$("#movieName").html(img.attr("alt"));$("#content span").removeClass("selected").filter(":eq("+index+")").addClass("selected");index++;if(index>=$("#imgElement img").size()){index=0;}}setInterval(change,3000);
});
</script>