JS part:
Copy code code as follows:
// Next div
Function next () {
var anrr = document.GetelementByid ('tdbjzbsx'). GetelementsBytagname
for (i = 0; I <arr.Length-; i ++) {
if ((ARR [I] .style.display == "Block" || Arr [i] .style.display == "") && && i <= 2) {
arr [i + 1] .style.display = "block";
arr [i] .style.display = "None";
}
}
}
// Previous DIV
function top () {
var anrr = document.GetelementByid ('tdbjzbsx'). GetelementsBytagname
for (i = 0; I <arr.Length; i ++) {
if ((ARR [i] .style.display == "block" || Arr [i] .style.display == "") && && i <= 3) {
arr [i -1] .style.display = "block";
arr [i] .style.display = "None";
Break;
}
}
}
JSP part:
Copy code code as follows:
<Table>
<tr>
<td ID = "tdbjzbsx">
<div ID = "DIV1">
1
</div>
<div ID = "DIV2" Style = "Display: None">
2
</div>
<div ID = "div3" style = "display: none">
3
</div>
</td>
<TD>
<input type = "Button" value = "Previous" ID = "Syb" name = "cz2" onClick = "Javascript: Top ()" Disabled = "True"/> </br> </br>
<input type = "Button" value = "Next" ID = "xyb" name = "cz3" onClick = "javascript: next ()"/> </br> </br>
</td>
</tr>
</table>