如何在页面中加入分页栏？就像excel的sheet那样的,在上面的也行

急啊，大家帮帮忙。我没有什么js的经验，自己也没查到

4 个解决方案

#1

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=en">
<link href="style.css" type=text/css rel=stylesheet>
<title>Subnavigation</title>
<body>
<table height="23" cellspacing="0" cellpadding="0" width="100%" background="images/background.gif" border="0" valign="center">
<tr valign="top">
<td><img name="b_left" src="images/left_left1.gif" border=0></td>
<td class="clsTab" name="tabs"' id="tabs" background="images/bg_on.gif" onclick="fnTabClick('0','3'); parent.main.location='./system/network_interface.html'"><nobr>Interface</nobr></td>
<td><img name="b_right" src="images/right1.gif" border=0></td>
<td class="clsTab" name="tabs" id="tabs" background="images/bg_off.gif" onclick="fnTabClick('1','3'); parent.main.location='./system/network_zone.html'"><nobr>Zone</nobr></td>
<td ><img name="b_right" src="images/right2.gif" border=0></td>
<td class="clsTab" name="tabs" id="tabs" background="images/bg_off.gif" onclick="fnTabClick('2','3'); parent.main.location='./system/network_dns.html'"><nobr>DNS</nobr></td>
<td ><img name="b_right" src="images/right_right2.gif" border=0></td>
<td width="100%" background="images/background.gif"> </td></tr>
</table>
<script language=javascript>
ie = (navigator.appName=='Microsoft Internet Explorer')?true:false;
function fnTabClick(nTab,nTotal) {
nTab = parseInt(nTab);
nTotal = parseInt(nTotal);
var oLeft=document.getElementsByName('b_left');
var oTab=document.getElementsByName('tabs');
var oRight=document.getElementsByName('b_right');

if (ie) {
event.cancelBubble = true;
el = event.srcElement;
} else {
Event.cancelBubble = true;
el = Event.srcElement;
}

if (nTotal > 1) {
for (var i=0; i<oLeft.length; i++) {
oLeft[i].setAttribute('src', 'images/left_left2.gif');
}

for (var i = 0; i < nTotal; i++) {
oTab[i].setAttribute('background', 'images/bg_off.gif');
if (i == nTotal - 1) {
oRight[i].setAttribute('src', 'images/right_right2.gif');
} else {
oRight[i].setAttribute('src', 'images/left2.gif');
}
}

oTab[nTab].setAttribute('background', 'images/bg_on.gif');

if (nTab == 0) {
for (var j=0; j<oLeft.length; j++) {
oLeft[j].setAttribute('src', 'images/left_left1.gif');
}
oRight[nTab].setAttribute('src', 'images/right1.gif');
}

if (nTab == nTotal-1) {
oRight[nTab-1].setAttribute('src', 'images/left1.gif');
oRight[nTab].setAttribute('src', 'images/right_right1.gif');
} else if ((nTab != 0) && (nTab < (nTotal - 1))) {
oRight[nTab-1].setAttribute('src', 'images/left1.gif');
oRight[nTab].setAttribute('src', 'images/right1.gif');
}
}
}
top.main.location="system/network_interface.html";

</SCRIPT>
</body>
</html>

#2

http://www.fortinet.com/demo/index.html

#3

楼上的是什么东西？

#4

http://www.fortinet.com/demo/index.html
就是他上面写的代码的显示的页面。

还有一个方法，就是你写一个excel文件，然后保存成为web文件，你就可以看到源代码了。
参照那个代码，你应该可以看明白的。

秒客网

如何在页面中加入分页栏？就像excel的sheet那样的,在上面的也行

4 个解决方案

#1

#2

#3

#4

#1

#2

#3

#4

相关文章