level 1
这个认真的
楼主
鼠标点击图片(1jpg,2jpg,3jpg)时,可以在图片下方出现一行新图片,新图片与所点击的图片样式一致,每出现三三行图片后自动换行
CSS部分:
<style type="text/css">
.pic{
width:100px;
height:100px;
border:1px dotted gray;
}
#main{
width:320px;
height:320px;
border:1px dotted gray;
}
</style>
HTML部分:
<center>
<p><img id="main" src="img/pic4.jpg" /></p>
<img class="pic" id="pic1" src="img/pic1.jpg" />
<img class="pic" src="img/pic2.jpg" />
<img class="pic" src="img/pic3.jpg" />
</center>
JS部分:
<script type="text/javascript">
$(document).ready(function(){
这里应该写啥啊???
})
</script>
2019年06月18日 09点06分
1
CSS部分:
<style type="text/css">
.pic{
width:100px;
height:100px;
border:1px dotted gray;
}
#main{
width:320px;
height:320px;
border:1px dotted gray;
}
</style>
HTML部分:
<center>
<p><img id="main" src="img/pic4.jpg" /></p>
<img class="pic" id="pic1" src="img/pic1.jpg" />
<img class="pic" src="img/pic2.jpg" />
<img class="pic" src="img/pic3.jpg" />
</center>
JS部分:
<script type="text/javascript">
$(document).ready(function(){
这里应该写啥啊???
})
</script>