Ⅰ jsp中如何改變文本框的背景色
語法如下:
<object.style.scrollbarbasecolor ="vcolor
object.style.scrollbarArrowColor = vColor
object.style.scrollbar3dLightColor = vColor
object.style.scrollbarDarkShadowColor = vColor
其中的object為要改變對象的ID名字;
vColor為顏色的名字或RGB數值。
Ⅱ JSP頁面背景顏色問題
代碼如下,自己可以舉一反三:
<html>
<head>
<script type="text/javascript">
function chgBg (bg){
//alert (bg);
bg = String (bg);
document.getElementById("divBody").style.backgroundColor = bg ;
}
</script>
</head>
<body id="divBody">
<select name="改變顏色回"
onchange="chgBg(this.options[this.options.selectedIndex].value)">
<option selected="selected">選擇顏答色</option>
<option value="tomato">紅色</option>
<option value="lightblue">藍色</option>
</select>
</body>
</html>
Ⅲ 如何在JSP頁面表單添加背景圖片
表單添加背景圖片,你可以新建一個div,然後將表單放在這個div裡面就可以了。
Ⅳ jsp 更改表格某行背景顏色。
如果你是問怎麼一直都是第一行我可以簡單的告訴你,你獲得的行的id都是一樣的你在你的頁面運行後點擊源碼就可以看到。你的id都是i
改成以下for(int i = 0; i < 5; i++)
{
%>
<tr align = "center" height = "50" id = "'"+i+"'" onMouseOver = "javascript:changecolor(this)" onMouseOut = "javascript:resetcolor('i')">
<td><a href = <%=rs.getString("site") %>><%=rs.getString("name") %></a></td>
<td><%=rs.getString("addr") %></td>
<td><%=rs.getString("class") %></td>
<td><%=rs.getString("教育部直屬") %></td>
<td><%=rs.getString("is985") %></td>
<td><%=rs.getString("is211") %></td>
<td><%=rs.getString("ave_sco") %></td>
<td><%=rs.getString("higsco") %></td>
<td><%=rs.getString("lowsco") %></td>
</tr>
<%
if(!rs.next()) break;
}
%>
Ⅳ 我的JSP頁面想把底色背景換一下顏色,我把<body>改成了<body style="background-color:#997">
你好,問題不在body的背景色,而在於body里有個div,它長寬都占滿了body,正是這個div擋住了body,所以應該對這個<div id="all">設置背景顏色
Ⅵ myeclipse裡面 jsp代碼顏色設置如圖上</tr>的底色是灰色的,怎麼設置為其他顏色!
jsp 提示框顏色設置方法:
jsp中可以嵌入通用的js寫的彈出框提示,只要根據不同場景傳不同參數就可以了。
參考代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>彈出窗口(可拖動,背景灰色透明)</title>
<script type="text/javascript">
<!--
/*FileName:AlertMsg.js
title:提示標題
content:提示的內容*/
document.write("<style type=\"text/css\">*{padding:0; margin:0}.close{float:right;cursor:default}</style>")
function $(id){ return document.getElementById(id)}
function AlertMsg(title,content){
var msgw,msgh,msgbg,msgcolor,bordercolor,titlecolor,titlebg,con;
con = "<form><table style='margin:10px 15px 15px 15px; border:0;'><tr><th style='border:0; line-height:22px; padding:3px 0; vertical-align:top;font-weight:bold;'>分類:</th><td style='border:0; line-height:22px; padding:3px 0; vertical-align:top;width:75%;'><input type='text' name='typename' size='20'/></td></tr><tr><th></th><td style='border:0; line-height:22px; padding:3px 0; vertical-align:top;width:75%;'><button style='line-height:normal;' type='submit' onclick='return submitform()'>確定</button><button style='line-height:normal;' type='reset'>取消</button></td></tr></table></form>";
//彈出窗口設置
msgw = 300; //窗口寬度
msgh = 150; //窗口高度
msgbg = "#FFF"; //內容背景
msgcolor = "#000"; //內容顏色
bordercolor = "#000"; //邊框顏色
titlecolor = "#FFF"; //標題顏色
titlebg = "#369"; //標題背景
//遮罩背景設置
var sWidth,sHeight;
sWidth = screen.availWidth;
sHeight = document.body.scrollHeight;
//創建遮罩背景
var maskObj = document.createElement("div");
maskObj.setAttribute('id','maskdiv');
maskObj.style.position = "absolute";
maskObj.style.top = "0";
maskObj.style.left = "0";
maskObj.style.background = "#777";
maskObj.style.filter = "Alpha(opacity=30);";
maskObj.style.opacity = "0.3";
maskObj.style.width = sWidth + "px";
maskObj.style.height = sHeight + "px";
maskObj.style.zIndex = "10000";
document.body.appendChild(maskObj);
//創建彈出窗口
var msgObj = document.createElement("div")
msgObj.setAttribute("id","msgdiv");
msgObj.style.position ="absolute";
msgObj.style.top = (screen.availHeight - msgh) / 4 + "px";
msgObj.style.left = (screen.availWidth - msgw) / 2 + "px";
msgObj.style.width = msgw + "px";
msgObj.style.height = msgh + "px";
msgObj.style.fontSize = "12px";
msgObj.style.background = msgbg;
msgObj.style.border = "1px solid " + bordercolor;
msgObj.style.zIndex = "10001";
//創建標題
var thObj = document.createElement("div");
thObj.setAttribute("id","msgth");
thObj.className = "DragAble";
thObj.style.cursor = "move";
thObj.style.padding = "4px 6px";
thObj.style.color = titlecolor;
thObj.style.background = titlebg;
var titleStr = "<a class='close' title='關閉' style='cursor:pointer' onclick='CloseMsg()'>關閉</a>"+"<span>"+ title +"</span>";
thObj.innerHTML = titleStr;
//創建內容
var bodyObj = document.createElement("div");
bodyObj.setAttribute("id","msgbody");
bodyObj.style.padding = "10px";
bodyObj.style.lineHeight = "1.5em";
bodyObj.innerHTML = con;
var txt = document.createTextNode(content)
bodyObj.appendChild(txt);
//生成窗口
document.body.appendChild(msgObj);
$("msgdiv").appendChild(thObj);
$("msgdiv").appendChild(bodyObj);
}
function CloseMsg(){
//移除對象
document.body.removeChild($("maskdiv"));
$("msgdiv").removeChild($("msgth"));
$("msgdiv").removeChild($("msgbody"));
document.body.removeChild($("msgdiv"));
}
//拖動窗口
var ie = document.all;
var nn6 = document.getElementById&&!document.all;
var isdrag = false;
var y,x;
var oDragObj;
function moveMouse(e) {
if (isdrag) {
oDragObj.style.top = (nn6 ? nTY + e.clientY - y : nTY + event.clientY - y)+"px";
oDragObj.style.left = (nn6 ? nTX + e.clientX - x : nTX + event.clientX - x)+"px";
return false;
}
}
function initDrag(e) {
var oDragHandle = nn6 ? e.target : event.srcElement;
var topElement = "HTML";
while (oDragHandle.tagName != topElement && oDragHandle.className != "DragAble") {
oDragHandle = nn6 ? oDragHandle.parentNode : oDragHandle.parentElement;
}
if (oDragHandle.className=="DragAble") {
isdrag = true;
oDragObj = oDragHandle.parentNode;
nTY = parseInt(oDragObj.style.top);
y = nn6 ? e.clientY : event.clientY;
nTX = parseInt(oDragObj.style.left);
x = nn6 ? e.clientX : event.clientX;
document.onmousemove = moveMouse;
return false;
}
}
document.onmousedown = initDrag;
document.onmouseup = new Function("isdrag=false");
//-->
</script>
</head>
<body>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr >
<td height="100" align="center" >
<p><a href="javascript:AlertMsg("溫馨提示",'')">點我試試!</a></p>
</td>
</tr>
</table>
</div>
</body>
</html>
Ⅶ 用MyEclipse寫JSP時將背景改為黑色,有些字體還是黑色,怎麼改為其他顏色
Myeclipse中文字和背景顏色的設置
文字設置:window——>preferences——>general——>appearance——>colors and fonts ——>text font——>點擊editor按鈕——>在字體面板中設置文字
背景顏色設置:Window——>preferences——>general——>editors——>text editors——>右下方選擇background color ,system default為選擇狀態,點擊system default上方的color顏色選擇框選擇顏色。