
1、首先需要新建Dynamic web project项目,建好之后在WebContent里面的内容如图所示。
2、在body里在body里面设置背景图片,如图所示body部分内容。
3、在body里面代码 *** 作好之后,运行效果如图所示。
4、也可以设置背景颜色,直接将url(images/backImage.jpg)替换成#f00000。
5、直接写页面代码 *** 作好之后,运行效果如下。
6、也可以在head里面设 *** 作代码,如图所示。
7、在head里面代码 *** 作好之后,运行效果如下。
扩展资料:
JSP将Java代码和特定变动内容嵌入到静态的页面中,实现以静态页面为模板,动态生成其中的部分内容。JSP引入了被称为“JSP动作”的XML标签,用来调用内建功能。另外,可以创建JSP标签库,然后像使用标准HTML或XML标签一样使用它们。
标签库能增强功能和服务器性能,而且不受跨平台问题的限制。JSP文件在运行时会被其编译器转换成更原始的Servlet代码。JSP编译器可以把JSP文件编译成用Java代码写的Servlet,然后再由Java编译器来编译成能快速执行的二进制机器码,也可以直接编译成二进制码。
点击显示时显示图片:<select id="sel">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<img src="#" id="img" />
<input type="button" value="显示" onclick="show()" />
<script type="text/javascript">
function show(){
var index = $("#sel").attr("selectedIndex")
$("#img").attr("src","your path"+(index+1)+".jpg")
}
</script>
如果是想切换select框时显示,那么用onchange事件~
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)