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