我已经完全弄出来了，效果绝对是你要的效果！呵呵……恩~~准备工作如下：
1.在WebRoot目录下添加文件夹img；
2.在img文件夹中添加图片文件1.jpg 2.jpg 3.jpg for1.jpg for2.jpg for3.jpg。
代码如下：（你最好就联系我，我直接将整个项目传给你！呵呵……记得给我分哦^_^）
<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
My JSP 'index.jsp' starting page</title><br /> <meta http-equiv="pragma" content="no-cache"><br /> <meta http-equiv="cache-control" content="no-cache"><br /> <meta http-equiv="expires" content="0"> <br /> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><br /> <meta http-equiv="description" content="This is my page"><br /> <br /> </head><br /> <br /> <body><br /><table width="274" height="139" background="img/for1.jpg" id="mytable"><br /> <tr><br /> <td height="99" colspan="4"> </td><br /> </tr><br /> <tr><br /> <td width="157" height="32"> </td><br /> <td width="32"><br /> <img src="img/1.jpg" width="32" height="32" style="cursor:hand" onclick="document.all.mytable.background='img/for1.jpg'"/><br /> </td><br /> <td width="32"><br /> <img src="img/2.jpg" width="32" height="32" style="cursor:hand" onclick="document.all.mytable.background='img/for2.jpg'"/><br /> </td><br /> <td width="33"><br /> <img src="img/3.jpg" width="32" height="32" style="cursor:hand" onclick="document.all.mytable.background='img/for3.jpg'"/><br /> </td><br /> </tr><br /></table><br /></body><br /></html> </div> <div class="tags"> </div> <div class="clear"> <div class="shares"> <b>声明：你问我答网所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流。若您的权利被侵害，请联系fangmu6661024@163.com</b> <div id="share" class="share-component social-share" data-sites="weibo,qzone,qq,wechat"> </div> </div> <div class="act"> <a href="JavaScript:" onclick="zan('129108936')" class="zan" title="赞"> <i class="iconfont bx bx-like"></i> <span id="zan">0</span> </a> </div> </div> <div class="clear"></div> </div> <div class="ny-ad"> </div> <div class="ny-ad"> </div> <div class="like"> <h3 class="title">最新文章</h3> <div class="piclist likep"> <div class="li"> <div class="img"> <a href="https://w.sf024.com/info/1670236672630919427.html" title="在微信怎么刷屏？发过去给别人然后别人就会卡死的那种 急"> <img src="https://w.sf024.com/assets/img/default.jpg" alt=""> </a> </div> <a href="https://w.sf024.com/ask/10" class="cat">科技 </a> <h3> <a href="https://w.sf024.com/info/1670236672630919427.html" title="在微信怎么刷屏？发过去给别人然后别人就会卡死的那种 急">在微信怎么刷屏？发过去给别人然后别人就会卡死的那种 急</a> </h3> <div class="meta"> <span class="time"> <i class="iconfont bx bx-time"></i> 03-05 </span> <span class="views"> <i class="iconfont bx bx-show"></i> 1732阅读 </span> </div> </div> <div class="li"> <div class="img"> <a href="https://w.sf024.com/info/1930172118536224587.html" title="电脑删除手机照片怎么恢复？"> <img src="https://w.sf024.com/assets/img/default.jpg" alt=""> </a> </div> <a href="https://w.sf024.com/ask/10" class="cat">科技 </a> <h3> <a href="https://w.sf024.com/info/1930172118536224587.html" title="电脑删除手机照片怎么恢复？">电脑删除手机照片怎么恢复？</a> </h3> <div class="meta"> <span class="time"> <i class="iconfont bx bx-time"></i> 08-25 </span> <span class="views"> <i class="iconfont bx bx-show"></i> 980阅读 </span> </div> </div> <div class="li"> <div class="img"> <a href="https://w.sf024.com/info/523757080.html" title="高中历史思维导图"> <img src="https://w.sf024.com/assets/img/default.jpg" alt=""> </a> </div> <a href="https://w.sf024.com/ask/10" class="cat">科技 </a> <h3> <a href="https://w.sf024.com/info/523757080.html" title="高中历史思维导图">高中历史思维导图</a> </h3> <div class="meta"> <span class="time"> <i class="iconfont bx bx-time"></i> 08-25 </span> <span class="views"> <i class="iconfont bx bx-show"></i> 727阅读 </span> </div> </div> <div class="clear"></div> </div> </div> <div class="ny-ad"> </div> </div> <div class="sidebar"> <div class="widget postlist"> <h3>猜你喜欢</h3> <ul class="hasimg"> <li> <a href="https://w.sf024.com/info/129108936.html" title="怎么在图片里面添加数字 1.2.3" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="怎么在图片里面添加数字 1.2.3"> </a> <a href="https://w.sf024.com/info/129108936.html" target="">怎么在图片里面添加数字 1.2....</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 04-16 </span><span> <i class="iconfont bx bx-show"></i> 185阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/302328530.html" title="ps制作图片滚动时,怎么添加数字1234,鼠标点哪个数字,就显示哪个图片" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="ps制作图片滚动时,怎么添加数字1234,鼠标点哪个数字,就显示哪个图片"> </a> <a href="https://w.sf024.com/info/302328530.html" target="">ps制作图片滚动时,怎么添加数字...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-02 </span><span> <i class="iconfont bx bx-show"></i> 151阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/814312515508458132.html" title="苹果6手机怎么在图片上添加数字" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="苹果6手机怎么在图片上添加数字"> </a> <a href="https://w.sf024.com/info/814312515508458132.html" target="">苹果6手机怎么在图片上添加数字...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-16 </span><span> <i class="iconfont bx bx-show"></i> 131阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1705803598114826580.html" title="photoshopcs6怎么在图片上添加数字" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="photoshopcs6怎么在图片上添加数字"> </a> <a href="https://w.sf024.com/info/1705803598114826580.html" target="">photoshopcs6怎么在图...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-17 </span><span> <i class="iconfont bx bx-show"></i> 112阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/2058717126102826587.html" title="用ps在图片上添加的数字字体和原图片数字字体不一样怎么设置" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="用ps在图片上添加的数字字体和原图片数字字体不一样怎么设置"> </a> <a href="https://w.sf024.com/info/2058717126102826587.html" target="">用ps在图片上添加的数字字体和原...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 06-02 </span><span> <i class="iconfont bx bx-show"></i> 221阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1384375129742776980.html" title="怎么在全民k歌里面添加图片" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="怎么在全民k歌里面添加图片"> </a> <a href="https://w.sf024.com/info/1384375129742776980.html" target="">怎么在全民k歌里面添加图片...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 10-28 </span><span> <i class="iconfont bx bx-show"></i> 69阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/2123172518225133907.html" title="蚂蚁编辑器里面的图片怎么添加文字" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="蚂蚁编辑器里面的图片怎么添加文字"> </a> <a href="https://w.sf024.com/info/2123172518225133907.html" target="">蚂蚁编辑器里面的图片怎么添加文字...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 09-20 </span><span> <i class="iconfont bx bx-show"></i> 276阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/2015873452486852868.html" title="爱剪辑怎么添加图片到视频里面想要的位置" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="爱剪辑怎么添加图片到视频里面想要的位置"> </a> <a href="https://w.sf024.com/info/2015873452486852868.html" target="">爱剪辑怎么添加图片到视频里面想要...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-24 </span><span> <i class="iconfont bx bx-show"></i> 29阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/585111420.html" title="想在一个div里面添加图片，用js怎么写啊？" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="想在一个div里面添加图片，用js怎么写啊？"> </a> <a href="https://w.sf024.com/info/585111420.html" target="">想在一个div里面添加图片，用j...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 08-15 </span><span> <i class="iconfont bx bx-show"></i> 45阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1895302374935152460.html" title="谁知道那些图片里面的条纹怎么弄的。我只会添加文字。" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="谁知道那些图片里面的条纹怎么弄的。我只会添加文字。"> </a> <a href="https://w.sf024.com/info/1895302374935152460.html" target="">谁知道那些图片里面的条纹怎么弄的...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 07-16 </span><span> <i class="iconfont bx bx-show"></i> 100阅读 </span> </p> </li> </ul> </div> </div> </div> </section> <footer class="footer"> <div class="container"> <p class="copyright">COPYRIGHT 2013 - 2024 你问我答网®. ALL RIGHTS RESERVED. | <a href="https://beian.miit.gov.cn/" target="_blank">豫ICP备2020035127号</a></p> </div> </footer> <script> let search_type="1"; var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?752ceaa2e03e39366ceff9a414a1f6a7"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();</script> <script type="text/javascript" src="https://w.sf024.com/assets/js/jquery.share.min.js"></script> </body> </html>
