»
Tiếng AnhTiếng PhápTiếng Việt

In - Tạo tab đơn giản - JavaScriptBank.com

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

Tạo tab đơn giản © JavaScriptBank.comHiệ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



CSS
<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-->


JavaScript
<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-->


HTML
<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-->