jquery实现简单易懂的图片展示小例子

来源:网络整理作者: 发布时间:2020-12-22 14:12

图片展示想必大家都见到过吧，下面有个不错的例子，通俗易懂，使用jquery实现的，感兴趣的朋友不要错过...

<img src="http://www.dismall.com/thread-957-1-1.html/a_6202/img/2.jpg"/>
margin:0;
<img src="http://www.dismall.com/thread-957-1-1.html/a_6202/img/3.jpg"/>
</div>
$("#box3").click(function(){
<img src="http://www.dismall.com/thread-957-1-1.html/a_6202/img/1.jpg"/>
//$("#imgCon").slideUp(4200);
}
<div num="1">2</div>
});
$("#imgCon").animate({top:'-900px'},"slow");
<div num="2">3</div>
float:left;
<script type="text/javascript">
$("#imgCon").animate({top:'-450px'},"slow");

复制代码代码如下:

$(document).ready(function(){
});
<body>
</div>
.box{
<div num="0">1</div>
</body>
CSS：代码：
border:1px solid #000;
});
});
<img src="http://www.dismall.com/thread-957-1-1.html/a_6202/img/1a.jpg"/>
width:360px;
</style>
#imgCon img{

$("#imgCon").animate({top:'-675px'},"slow");

cursor:pointer;
display:block;

复制代码代码如下:

}

复制代码代码如下:

$("#imgCon").animate({top:'-225px'},"slow");

height:225px;
padding:0;
<style type="text/css">
<div num="3">4</div>
width:40px;
$("#box1").click(function(){
});
$("#box0").click(function(){

JS代码：
height:20px;
$("#box2").click(function(){