📄 jsp6.jsp~27~

📁 一个由B/S做的宠物医院
💻 JSP~27~
字号:
<%@ page contentType="text/html; charset=GBK" %>
<html>
<head>
<title>
jsp6
</title>
<script language="JavaScript" type="">
var txtstr_1="asddddqdad";
var txtstr_2="&nbsp;&nbsp;需要软件的朋友可以与我联系。";
var txtstr_3="&nbsp;&nbsp;论坛现在暂时关闭，请朋友们在QQ上联系."
var txtstr_4="&nbsp;&nbsp;孤独的时候便走向自然；"
var txtstr_5="最后一张~~~~~~~~~"
function changediv(n){
for(i=1;i<=5;i++){
eval("document.getElementById('s'+i+'').className='under'+n+''");
//此次循环的作用是分别将s开头的ID处的下边界设置为相应的颜色
}
for(i=1;i<=5;i++){
eval("document.getElementById('c"+i+"').className='a"+n+"'");
//此次循环初始化所有的选项卡按钮的背景图片为cb0.gif，银灰色
}
eval("document.getElementById('c"+n+"').className='t"+n+"'");
//然后设置鼠标移动到的相应位置的背景图片为相应的图片，修改对应的样式表。
eval("document.getElementById('bodyt').className='body"+n+"'");
//修改选项卡下半部的样式，使其的色彩与上半部的图片相适应。
bodytxt=eval('txtstr_'+n);
if(bodytxt==""){
alert("数据正在下载，请稍候!");}
else
{
document.getElementById("txt1").innerHTML=bodytxt;
//设置选项卡主体部分相应的文字。
}
}
</script>
<style type="text/css">
<!--
td {
	font-size: 12px;
	line-height: 16px;
}
.d1 {
	padding-top: 3px;
	border-bottom-width: medium;
	border-bottom-style: none;
}
.d2{
	padding-top: 3px;
	border-bottom-width: medium;
	border-bottom-style: none;
}
.d3{
	padding-top: 3px;
	border-bottom-width: medium;
	border-bottom-style: none;
}
.d4{
	padding-top: 3px;
	border-bottom-width: medium;
	border-bottom-style: none;
}
.under1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #88c027;
}
.under2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eac751;
}
.under3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ee6f69;
}
.under4 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7eaffb;
}
.body1 {
	background-color: #d6efb5;
	border-top: 0px none;
	border-right: 1px solid #88c027;
	border-bottom: 1px solid #88c027;
	border-left: 1px solid #88c027;
}
.body2 {
	background-color:#fff7be;
	border-top: 0px none #eac751;
	border-right: 1px solid #eac751;
	border-bottom: 1px solid #eac751;
	border-left: 1px solid #eac751;
}
.body3 {
	background-color: #ffe5e3;
	border-top: 0px none;
	border-right: 1px solid #ee6f69;
	border-bottom: 1px solid #ee6f69;
	border-left: 1px solid #ee6f69;
}
.body4 {
	background-color: #d4eaff;
	border-top: 0px none;
	border-right: 1px solid #7eaffb;
	border-bottom: 1px solid #7eaffb;
	border-left: 1px solid #7eaffb;
}
.body5 {
        background-color: #d4eaff;
	border-top: 0px none;
	border-right: 1px solid #7eaffb;
	border-bottom: 1px solid #7eaffb;
	border-left: 1px solid #7eaffb;
}
.firstunderline {
	border-bottom-width: medium;
	border-bottom-style: none;
}
.bodytop {
	border-top-width: medium;
	border-top-style: none;
}
-->
</style>
<style type="text/css">
<!--
.a1 {
	background-image: url(cb0.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #88c027;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #AEABA9;
}
.a2 {
	background-image: url(cb0.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eac751;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #AEABA9;
}
.a3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ee6f69;
	background-image: url(cb0.gif);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #AEABA9;
}
.a4 {
	background-image: url(cb0.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7eaffb;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #AEABA9;
}
.a5 {
	background-image: url(cb0.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7eaffb;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #AEABA9;
}
.temp {
	background-image: url(cb0.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #88c027;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #AEABA9;
}
-->
</style>
</head>

<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="bottom">
    <td id="s1" width="1" class="under1"><br> </td>
    <td id="c1" width="60" align="center" class="temp" onMouseOver="changediv(1)"><img alt="" src="img/tab1.gif" /></td>
    <td id="s2" width="1" class="under1"><br> </td>
    <td id="c2" width="60" align="center" class="temp" onMouseOver="changediv(2)"><img alt="" src="img/tab2.gif"/></td>
    <td id="s3" width="1" class="under1"><br> </td>
    <td id="c3" width="60" align="center" class="temp" onMouseOver="changediv(3)"><img alt="" src="img/tab3.gif" /></td>
    <td id="s4" width="1" class="under1"><br> </td>
    <td id="c4"  width="60" align="center" class="temp" onMouseOver="changediv(4)""><img alt="" src="img/tab4.gif" /></td>
    <td id="s5" width="1" class="under1"><br></td>
    <td id="c5"  width="60" align="center" class="temp" onMouseOver="changediv(5)""><img alt="" src="img/tab5.gif" /></td>
  </tr>
</table>
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" class="body1" id="bodyt"><tbody>
  <tr>
    <td valign="top"><br><div id="txt1">
	<script language="javascript" type="">
	document.write(txtstr_1);
	</script>
	</div>&nbsp;</td>

  </tr>
  </tbody>
</table>
<p>&nbsp;</p>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -