本文目录一览:
jsp引用css,设置的body样式被浏览器禁用?
不是被禁用了,是被覆盖了。
可以通过改变css的样式的顺序来修改或者粗暴一点,直接写成body{margin:55px 10px 10px 10px !importent;background-color:blue !importent;}
如何在Java中的Jsp页面中更换页面样式?
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/abr
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/abr
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 jsp页面菜单循环更改样式问题?
写js代码
1,for循环遍历菜单
2默认菜单1蓝色背景,其他的无色
3.鼠标点击触发事件,根据index标号来确定点击的是哪一个菜单,选中的菜单变蓝色(index这个属性在元素里面一般没有,但是在js里面可以加上)
思路大体这样,下面给你参考代码:
效果:
JSP的Style样式不起作用
可能是你浏览器版本的问题啊!
有些属性是不支持的!
建议你用ID选择器#id名
或者class选择器.类名
这样就一定不会出错啊!