如何在Java中的Jsp页面中更换页面样式？
我这里有一个系统，全部是静态页面，然后连接也全部做上了，可是我发现这个系统的样式不太好看，所以我想整体给这个系统换一个好看的样式，可是我不知道怎么更换整个系统，发、、麻烦...
我这里有一个系统，全部是静态页面，然后连接也全部做上了，可是我发现这个系统的样式不太好看，所以我想整体给这个系统换一个好看的样式，可是我不知道怎么更换整个系统，发、、麻烦高手帮帮忙，还有就是那里可以找到很好看的页面样式，直接把代码考过去就可以用的那种，谢谢了!（急）
不好意思，是我刚刚说错了，页面全是html的，只是我把这些页面全部应用到Myeclipse中了，我看了一下里面的css，真的太复杂了，都搞得我晕头转向了，我也不知道那里需要修改了，而且关键是这个css不是我自己写的，所以我就更找不到了，郁闷啊。。。 展开
不好意思，是我刚刚说错了，页面全是html的，只是我把这些页面全部应用到Myeclipse中了，我看了一下里面的css，真的太复杂了，都搞得我晕头转向了，我也不知道那里需要修改了，而且关键是这个css不是我自己写的，所以我就更找不到了，郁闷啊。。。 展开
8个回答
2016-01-23 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
![]()
展开全部
Jsp页面中更换页面样式可以通过js来动态设置。
完整的样式更改代码如下：
<html>
<head>
<style type="text/css">
#test2a{
position: absolute;
left: 0px;
width: 50px;
height: 50px;
background-color: green;
border: 4px solid black;
}
#test2b{
position: absolute;
left: 55px;
width: 50px;
height: 50px;
background-color: yellow;
margin: 4px;
}
</style>
</head>
<body>
<!-- test1 -->
Swap left positions function with styles defined inline.
<a href="javascript:test1();">Test 1</a><br>
<div class="container">
<div id="test1a" style="position: absolute;left: 0px;width: 50px; height: 50px;background-color: green;border: 4px solid black;"></div>
<div id="test1b" style="position: absolute;left: 55px;width: 50px; height: 50px;background-color: yellow;margin: 4px;"></div>
</div>
<script type="text/javascript">
function test1(){
var a = document.getElementById("test1a");
var b = document.getElementById("test1b");
alert(a.style.left + " - " + b.style.left);
a.style.left = (a.style.left == "0px")? "55px" : "0px";
b.style.left = (b.style.left == "0px")? "55px" : "0px";
}
</script>
<!-- end test 1 -->
<!-- test2 -->
<div id="moveDownThePage" style="position: relative;top: 70px;">
Identical function with styles defined in stylesheet.
<a href="javascript:test2();">Test 2</a><br>
<div class="container">
<div id="test2a"></div>
<div id="test2b"></div>
</div>
</div>
<script type="text/javascript">
function test2(){
var a = document.getElementById("test2a");
var b = document.getElementById("test2b");
alert(a.style.left + " - " + b.style.left);
a.style.left = (a.style.left == "0px")? "55px" : "0px";
b.style.left = (b.style.left == "0px")? "55px" : "0px";
}
</script>
</body>
</html>
完整的样式更改代码如下：
<html>
<head>
<style type="text/css">
#test2a{
position: absolute;
left: 0px;
width: 50px;
height: 50px;
background-color: green;
border: 4px solid black;
}
#test2b{
position: absolute;
left: 55px;
width: 50px;
height: 50px;
background-color: yellow;
margin: 4px;
}
</style>
</head>
<body>
<!-- test1 -->
Swap left positions function with styles defined inline.
<a href="javascript:test1();">Test 1</a><br>
<div class="container">
<div id="test1a" style="position: absolute;left: 0px;width: 50px; height: 50px;background-color: green;border: 4px solid black;"></div>
<div id="test1b" style="position: absolute;left: 55px;width: 50px; height: 50px;background-color: yellow;margin: 4px;"></div>
</div>
<script type="text/javascript">
function test1(){
var a = document.getElementById("test1a");
var b = document.getElementById("test1b");
alert(a.style.left + " - " + b.style.left);
a.style.left = (a.style.left == "0px")? "55px" : "0px";
b.style.left = (b.style.left == "0px")? "55px" : "0px";
}
</script>
<!-- end test 1 -->
<!-- test2 -->
<div id="moveDownThePage" style="position: relative;top: 70px;">
Identical function with styles defined in stylesheet.
<a href="javascript:test2();">Test 2</a><br>
<div class="container">
<div id="test2a"></div>
<div id="test2b"></div>
</div>
</div>
<script type="text/javascript">
function test2(){
var a = document.getElementById("test2a");
var b = document.getElementById("test2b");
alert(a.style.left + " - " + b.style.left);
a.style.left = (a.style.left == "0px")? "55px" : "0px";
b.style.left = (b.style.left == "0px")? "55px" : "0px";
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
从一个小的点开始试，修改颜色，浮动等等。从一个点开始，不要着急。
尽量用火狐浏览器，下一个firebug，firebug可以非常直观的看出页面的什么地方用了什么CSS，并且相应的代码在什么CSS文件里，你可以在页面直接尝试着进行修改，满意了，再在文件里修改。
我做PHP的时候，没事也弄一弄CSS和JS,
感觉编码的搞CSS，就像用牛刀杀鸡一样简单。
尽量用火狐浏览器，下一个firebug，firebug可以非常直观的看出页面的什么地方用了什么CSS，并且相应的代码在什么CSS文件里，你可以在页面直接尝试着进行修改，满意了，再在文件里修改。
我做PHP的时候，没事也弄一弄CSS和JS,
感觉编码的搞CSS，就像用牛刀杀鸡一样简单。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用JAVA Bean标准动作!很简单的!!!!
要是不动的话,找我!!!!
就是先建一个JAVA BEAN的类,然后在再jsp页面里使用JAVA BEAN的标准动作!要强调的是类中的属性名必须和jsp页面中的元素名一样!
这是我做过的一个例子,你看看有什么不明白
CALL ME:
<%@ page contentType="text/html;charset=GBK" pageEncoding="GBK" %>
<%@ taglib uri="" prefix="c" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<jsp:useBean id="login" scope="request" class="com.xaccp.yan.entity.UserInfo">
<jsp:setProperty name="login" property="*" />
</jsp:useBean>
<c:if test="$">
<jsp:forward page="Login.do" />
</c:if>
<body>
<center>
<h1><strong>用户登陆</strong></h1>
<form id="form1" name="form1" method="post" action="login.jsp">
<table width="315" border="1" align="center">
<tr><td width="305">
<p>
用户名： <input type="text" name="userName" />
</p>
<p>
密码： <input type="text" name="userPass" />
</p>
<p>
<input type="submit" name="Submit" value="提交" />
<input type="reset" name="Submit2" value="重置" />
第一次使用请点<a href="login.htm">这里</a></p></td></tr>
</table>
</form>
</center>
</body>
</html>
我是在请求对象里面存的,还可以存到session,application,page我知道的就这些了!
取值的时候用EL表达式 如:$
login是存储空间里的对象名,userName是提交表单里的某元素名!
这样应该很清楚了吧?
要是不动的话,找我!!!!
就是先建一个JAVA BEAN的类,然后在再jsp页面里使用JAVA BEAN的标准动作!要强调的是类中的属性名必须和jsp页面中的元素名一样!
这是我做过的一个例子,你看看有什么不明白
CALL ME:
<%@ page contentType="text/html;charset=GBK" pageEncoding="GBK" %>
<%@ taglib uri="" prefix="c" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<jsp:useBean id="login" scope="request" class="com.xaccp.yan.entity.UserInfo">
<jsp:setProperty name="login" property="*" />
</jsp:useBean>
<c:if test="$">
<jsp:forward page="Login.do" />
</c:if>
<body>
<center>
<h1><strong>用户登陆</strong></h1>
<form id="form1" name="form1" method="post" action="login.jsp">
<table width="315" border="1" align="center">
<tr><td width="305">
<p>
用户名： <input type="text" name="userName" />
</p>
<p>
密码： <input type="text" name="userPass" />
</p>
<p>
<input type="submit" name="Submit" value="提交" />
<input type="reset" name="Submit2" value="重置" />
第一次使用请点<a href="login.htm">这里</a></p></td></tr>
</table>
</form>
</center>
</body>
</html>
我是在请求对象里面存的,还可以存到session,application,page我知道的就这些了!
取值的时候用EL表达式 如:$
login是存储空间里的对象名,userName是提交表单里的某元素名!
这样应该很清楚了吧?
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果你是用的div+css进行页面布局的话，那么就直接把css文件里的内容，根据你的要求从新编辑一下就行了
如果使用的是table之类的话，那么不好办了，布局没法换了（其实也能换，就是超级麻烦），写个css文件，里面把你布局用到的所有的标签，例如table，frame之类的，根据你的要求重写一遍。
很不明白，楼主既然用jsp了，为什么还是静态页面，那样的话，用html多好啊。
如果使用的是table之类的话，那么不好办了，布局没法换了（其实也能换，就是超级麻烦），写个css文件，里面把你布局用到的所有的标签，例如table，frame之类的，根据你的要求重写一遍。
很不明白，楼主既然用jsp了，为什么还是静态页面，那样的话，用html多好啊。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你应该把系统下的css样式表的内容改了就行了！！不用操作其他页面。。
除非你的所有样式都写在页面上了！！
除非你的所有样式都写在页面上了！！
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（6）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
