jQuery实现的一个简单的图片显示的小例子

HTML代码:
复制代码代码如下所示:
















JS代码:
复制代码代码如下所示:

$(文档)Ready(函数(){)
$(# Box0)。Click(function(){)
/ / $(# imgcon ),SlideUp(4200);
$(# imgcon)。动画({顶:225px},慢);
});
$(# 1)。Click(function(){)
$(# imgcon)。动画({顶:450px},慢);
});
$(# box2)。Click(function(){)
$(# imgcon)。动画({顶:675px},慢);
});
$(#盒)。Click(function(){)
$(# imgcon)。动画({顶:900px},慢);
});
});


CSS代码:
复制代码代码如下所示:

箱{。
宽度:40px;
身高:20px;
边境:1px solid # 000;
浮点数:左;
光标:指针;
}
# imgcon img {
显示块;
填充:0;
保证金:0;
宽度:360px;
身高:225px;
}