Tip: you can modify some code before running
Navigation menu: sina-like, 163 light blue tab menu<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><meta http-equiv="content-type" content="text/html;charset=gb2312"><!--把下面代码加到<head>与</head>之间--><style type="text/css">* {Padding: 0; margin: 0; font-size: 12px; }# main {margin: 20px;} ul {width: 600px; }# tab li {list-style: none; float: left; text-align: center; padding: 0 ;}# tab a {display: block; text-decoration: none; width: 94px; line-height: 24px ;}# cont {clear: both; border: 1px solid blue; border-top: 0; width: 562px! Important; width: 562px; height: Pixel px; overflow-y: hidden ;}. common {margin: 5px ;}. common li {list-style: none; padding-left: 14px! Important; padding-left: 0; padding-top: 4px ;}. common li a {text-decoration: none ;}. common li a: hover {color: red ;}. on {background: url (yun_qi_img/tabs1.gif) no-repeat left bottom ;}. off {background: url (yun_qi_img/tabs2.gif) no-repeat left bottom ;}</style><script language="javascript">Function $ (ID) {return document. getElementById (ID)} function showTab (ID) {for (var I = 1; I <7; I ++) {if (ID = I) {$ ('Tab '+ I ). blur (); $ ("tab" + I ). className = "on"; $ ("cont" + I ). style. display = "block";} else {$ ("tab" + I ). className = "off"; $ ("cont" + I ). style. display = "none" ;}} return false ;}</script></head><body><!--把下面代码加到<body>与</body>之间--><div id="main"> <div id="tab"> <ul> <li>C # Source code</li> <li>VB source code</li> <li>VC source code</li> <li>JQUERY</li> <li>Delphi</li> <li>JAVA source code</li> </ul> </div> <div id="cont"> <div id="cont1" class="common" > <li>Over 30 C # basic learning instances</li> </div> <div id="cont2" class="common"> <li>C # Image/album Management program code</li> </div> <div id="cont3" class="common"> <li>VB source program for image brightness adjustment based on Photoshop curves</li> </div> <div id="cont4" class="common"> <li>VB simulates the form interface of RealonePlayer.</li> </div> <div id="cont5" class="common"> <li>Over 30 C # basic learning instances</li> </div> <div id="cont6" class="common"> <li>Farbtastic jQuery circular webpage color selection plug-in</li> </div> </div></div></body></html>
Tip: you can modify some code before running
