用JS来控制嘛，比如
<html >
<head>
<title>QQ空间</title>
<script type="text/javascript">
function pic1() {
documentgetElementById("s")src="img/imges/12jpg"
}
function pic2() {
documentgetElementById("s")src = "img/imges/13jpg"
}
function pic3() {
documentgetElementById("s")src = "img/imges/15jpg"
}
function pic4() {
documentgetElementById("s")src = "img/imges/150K4A96-0jpg"
}
function pic5() {
documentgetElementById("s")src = "img/imges/150K45O0-3jpg"
}
function pic6() {
documentgetElementById("s")src = "img/imges/150K425A-6jpg"
}
function pic7() {
documentgetElementById("s")src = "img/imges/150K42345-5jpg"
}
</script>
</head>
<body>
<div id="head">
<a href="#" onclick="pic1()" ><img alt="" class="style1" src="img/12jpg" /></a>
<a href="#" onclick="pic2()"> <img alt="" class="style2" src="img/13jpg" /></a>
<a href="#" onclick="pic3()"><img alt="" class="style3" src="img/15jpg" /></a>
<a href="#" onclick="pic4()"><img alt="" class="style4" src="img/150K4A96-0jpg" /></a>
<a href="#"onclick="pic5()"><img alt="" class="style5" src="img/150K45O0-3jpg" /></a>
<a href="#"onclick="pic6()"><img alt="" class="style6" src="img/150K425A-6jpg" /></a>
<a href="#" onclick="pic7()"><img alt="" class="style4" src="img/150K42345-5jpg" /></a>
</div>
<div id="footer">
<img id="s" src="img/imges/12jpg" alt="s"/>
</div>
</body>
</html>
1、先在找个文件夹创建文件indexhtml。
2、然后用能编辑文本文件的软件打开indexhtml，indexhtml的初始内容如图。
3、接着编写两个样式作为鼠标移动时div修改的样式。
4、然后编写js代码修改div的样式。
5、编辑完indexhtml后保存，在浏览器中打开indexhtml。效果如图。鼠标移入移出div时，div的样式改变。
6、如果想div能改变多个样式。可如图修改indexhtml文件。
插上U盘，设置U盘连接到虚拟机！
复制虚拟机存储目录下的握手包到U盘
设置虚拟机弹出U盘
虚拟机断开U盘连接后，U盘就自动连接上主机了，握手包就复制出来咯！
一般来说，这说明了路径不对。
解决方法：使用<img src=" <%=requestgetContextPath()%>/resources/test_picjpg"/>
requestgetContextPath()读取工程名，这样部署到哪都能读到文件了
注：JSP貌似会区别文件的大小写问题，若resources中名为test_picJPG的话，就一定要写成
<img src=" <%=requestgetContextPath()%>/resources/test_picJPG"/>才能正常显示
附例子：
<%@ page contentType="text/html;charset=GB2312"%>
<%
String path = requestgetContextPath();
String basePath = requestgetScheme()+"://"+requestgetServerName()+":"+requestgetServerPort()+path+"/";
%>
<html>
<head>
</head>
<body>
<img src=" <%=path%>/resources/topJPG" />
</body>
</html>
jsp中的不显示是因为路径不对，导致无法定位到。
路径如果在工程中的话，写法如下：
background="${pageContextrequestcontextPath}/imges/xxjpg" ;
通用写法：
${pageContextrequestcontextPath}/文件夹名/名
1 默认位置：
Spring Boot能大大简化WEB应用开发的原因， 最重要的就是遵循“约定优于配置”这一基本原则。Spring Boot的关于静态资源的默认配置已经完全满足绝大部分WEB应用的需求。没必要去弄手续繁杂的自定义，用Spring Boot的约定就好了。
在Maven 工程目录下，所有静态资源都放在src/main/resource目录下，结构如下：
src/main/resource
|__________static
|_________js
|_________images
|_________css
例如，imges目录下的demojpg 在HTML/JSP中访问是的路径就是<img src="/images/demojpg">, 因为Spring Boot的缺省工作目录就是src/main/java, 当访问资源时，就是src/main/resources, 而/static/被SPRING BOOT被映射到了classpath:/static下。所以也可以不带起始的“/”，直接写成<img src="images/demojpg">。
以下代码示例为Hello World 加了个显示, 这里的demojpg在maven工程的位置存放就是src/main/resource/static/images/demojpg，
可用<img src="image/demojpg">访问
@Controller
//@EnableAutoConfiguration
public class HelloController {
@RequestMapping("/")
@ResponseBody
public String hello() {
return "hello world <img src=\"image/demojpg\">";
}
}
2 添加自定义：
注意是添加，不是替换，添加不影响原来的默认约定。非要自定义，那就配置类继承WebMvcConfigurerAdapter
@Configuration
public class MyWebAppConfig extends WebMvcConfigurerAdapter {
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registryaddResourceHandler("/myResource/")addResourceLocations("classpath:/myResource/");
superaddResourceHandlers(registry);
}
}
欢迎分享，转载请注明来源：品搜搜测评网
微信扫一扫
支付宝扫一扫
