本文介绍如何利用JSP和JavaScript技术实现在网页上动态切换展示多张图片，同时图片下方的文字说明也会随之切换。通过设置图片的显示状态，结合鼠标悬停和离开事件，以及定时器实现自动轮播效果。
使用jsp+JavaScript实现图片切换。
思路：通过JavaScript设置图片是否显示实现来实现切换的效果。
下面给出三幅图片，每幅图片下面附带有文字说明，切换图片的时候，文字也切换。
<div class="news_picture">
<div>
<table class="ge" id="ge" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="pic" id="bimg">
<div id="top_pictures">
<div class="dis" id="top_picture_image_0" style="display: none;">
<a href="http://lib.csdn.net/base/22" target="_blank" title="1111"><img alt="111111" src="./elements/images/1.jpg"></a>
</div>
<div class="dis" id="top_picture_image_1" style="display: none;">
<a href="_blank" target="_blank" title="2222"><img alt="222" src="./elements/images/2.jpg"></a>
最低0.47元/天 解锁文章
扫一扫
6119
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
