jquery는 간단하고 이해하기 쉬운 그림 표시를 구현합니다. example_jquery

HTML代码:

复代码 代码如下:

1

2

3

4

JS代码:

复主代码 代码如下:

<스크립트 유형="텍스트/자바스크립트">
$(document).ready(function(){
$("#box0").click(function(){
//$("#imgCon").slideUp(4200);
$("#imgCon").animate({top:'-225px'},"느린")
})
$("#box1").click(function(){
$("#imgCon").animate({top:'-450px'},"느린")
})
$("#box2").click(function(){
$("#imgCon").animate({top:'-675px'},"느린")
})
$("#box3").click(function(){
$("#imgCon").animate({top:'-900px'},"느린")
});

CSS：代码：

复代码 代码如下: