使用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.youkuaiyun.com/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>
</div>

本文介绍如何利用JSP和JavaScript技术实现在网页上动态切换展示多张图片,同时图片下方的文字说明也会随之切换。通过设置图片的显示状态,结合鼠标悬停和离开事件,以及定时器实现自动轮播效果。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



