Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Bảng » Tạo tab đơn giản
URL: https://www.javascriptbank.com/tab-content-script-index.html
Hiệu ứng tạo các tab trong khung.
Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Bảng » Tạo tab đơn giản
URL: https://www.javascriptbank.com/tab-content-script-index.html
<STYLE>.head2 {FONT-FAMILY: verdana; FONT-SIZE: 14pt; FONT-WEIGHT: bold}.normal {FONT-FAMILY: verdana; FONT-SIZE: 10pt; FONT-WEIGHT: normal; LEFT: 4px}.select {FONT-FAMILY: verdana; FONT-SIZE: 8pt; FONT-WEIGHT: normal}.div1 {BACKGROUND-COLOR: #cccccc; COLOR: brown; HEIGHT: 400px; LEFT: 200px; POSITION: absolute; TOP: 120px; VISIBILITY: visible; WIDTH: 400px; Z-INDEX: 4}.div2 {BACKGROUND-COLOR: #eeeeee; COLOR: brown; HEIGHT: 400px; LEFT: 200px; POSITION: absolute; TOP: 120px; VISIBILITY: visible; WIDTH: 400px; Z-INDEX: 3}.div3 {BACKGROUND-COLOR: #eeeeee; COLOR: brown; HEIGHT: 400px; LEFT: 200px; POSITION: absolute; TOP: 120px; VISIBILITY: visible; WIDTH: 400px; Z-INDEX: 2}.div4 {BACKGROUND-COLOR: #eeeeee; COLOR: brown; HEIGHT: 400px; LEFT: 200px; POSITION: absolute; TOP: 120px; VISIBILITY: visible; WIDTH: 400px; Z-INDEX: 1}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT language=javascript>function div1(){div1a.style.visibility="visible";div2a.style.visibility="hidden";div3a.style.visibility="hidden";div4a.style.visibility="hidden";}function div2(){div1a.style.visibility="hidden";div2a.style.visibility="visible";div3a.style.visibility="hidden";div4a.style.visibility="hidden";}function div3(){div1a.style.visibility="hidden";div2a.style.visibility="hidden";div3a.style.visibility="visible";div4a.style.visibility="hidden";}function div4(){div1a.style.visibility="hidden";div2a.style.visibility="hidden";div3a.style.visibility="hidden";div4a.style.visibility="visible";}</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><DIV class=div1 id=div1a><TABLE border=0 cellPadding=0 cellSpacing=0 width=400> <TBODY> <TR> <TD bgColor=#cccccc height=20 width=100><IMG alt="" border=0 height=20 src="tab.gif" width=100></TD> <TD height=20 width=100><A href="javascript:div2()"><IMG alt="" border=0 height=20 src="tablight.gif" width=100></A></TD> <TD height=20 width=100><A href="javascript:div3()"><IMG alt="" border=0 height=20 src="tablight.gif" width=100></A></TD> <TD height=20 width=100><A href="javascript:div4()"><IMG alt="" border=0 height=20 src="tablight.gif" width=100></A></TD></TR> <TR> <TD align=middle bgColor=#999999 colSpan=4 height=380 vAlign=top width=400><H1>DIV1</H1><p><center><br><br><br><font face="arial, helvetica" size=-2>Over 2000+ free Javascript<br>at <a href="http://javascriptbank.com">JavaScriptBank.com Website</a></font></center></p></TD></TR></TBODY></TABLE></DIV><DIV class=div2 id=div2a><TABLE border=0 cellPadding=0 cellSpacing=0 width=400> <TBODY> <TR> <TD height=20 width=100><A href="javascript:div1()"><IMG alt="" border=0 height=20 src="tablight.gif" width=100></A></TD> <TD bgColor=#cccccc height=20 width=100><IMG alt="" border=0 height=20 src="tab.gif" width=100></TD> <TD height=20 width=100><A href="javascript:div3()"><IMG alt="" border=0 height=20 src="tablight.gif" width=100></A></TD> <TD height=20 width=100><A href="javascript:div4()"><IMG alt="" border=0 height=20 src="tablight.gif" width=100></A></TD></TR> <TR> <TD bgColor=#999999 colSpan=4 height=380 width=400> <H1>DIV 2</H1></TD></TR></TBODY></TABLE></DIV><DIV class=div3 id=div3a><TABLE border=0 cellPadding=0 cellSpacing=0 width=400> <TBODY> <TR> <TD height=20 width=100><A href="javascript:div1()"><IMG alt="" border=0 height=20 src="tablight.gif" width=100></A></TD> <TD height=20 width=100><A href="javascript:div2()"><IMG alt="" border=0 height=20 src="tablight.gif" width=100></A></TD> <TD bgColor=#cccccc height=20 width=100><IMG alt="" border=0 height=20 src="tab.gif" width=100></TD> <TD height=20 width=100><A href="javascript:div4()"><IMG alt="" border=0 height=20 src="tablight.gif" width=100></A></TD></TR> <TR> <TD align=middle bgColor=#999999 colSpan=4 height=380 vAlign=top width=400></TD></TR></TBODY></TABLE></DIV><DIV class=div4 id=div4a><TABLE border=0 cellPadding=0 cellSpacing=0 width=400> <TBODY> <TR> <TD height=20 width=100><A href="javascript:div1()"><IMG alt="" border=0 height=20 src="tablight.gif" width=100></A></TD> <TD height=20 width=100><A href="javascript:div2()"><IMG alt="" border=0 height=20 src="tablight.gif" width=100></A></TD> <TD height=20 width=100><A href="javascript:div3()"><IMG alt="" border=0 height=20 src="tablight.gif" width=100></A></TD> <TD bgColor=#cccccc height=20 width=100><IMG alt="" border=0 height=20 src="tab.gif" width=100></TD></TR> <TR> <TD bgColor=#999999 colSpan=4 height=380 width=400> <H1>DIV 4</H1></TD></TR></TBODY></TABLE></DIV><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->