jquery实现简单易懂的图片展示小例子_jquery
来源：欧乐情感
HTML代码：
代码如下:
1
2
3
4
JS代码：
代码如下:
$(document).ready(function(){
$("#box0").click(function(){
//$("#imgCon").slideUp(4200);
$("#imgCon").animate({top:'-225px'},"slow");
});
$("#box1").click(function(){
$("#imgCon").animate({top:'-450px'},"slow");
});
$("#box2").click(function(){
$("#imgCon").animate({top:'-675px'},"slow");
});
$("#box3").click(function(){
$("#imgCon").animate({top:'-900px'},"slow");
});
});
CSS：代码：
代码如下:
