This tutorial mainly introduces three main functions of css, ajax, and Javascript: Ajax tab, line-by-line color change, and pop-up layer, you are welcome to go around frequently.
<! 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> <meta http-equiv =" Content-Type "content =" text/html; charset = UTF-8 "/> <title> Ajax tab, line-changing, pop-up layer </title> <style type =" text/css "> * {margin: 0; padding: 0; list-style: none; font-size: 12px; line-height: 20px; font-family: Arial;} h1, h2, h3 {font-size: 14px; margin: 10px 0;} hr {margin: 10px 0; height: 1px; clear: both; border: 0; background: # c00;} a: link,: visited {color: #164A84; text-decoration: none;} a: hover, a: active {color: # c00; text-decoration: underline;} table {border-collapse: collapse; border: 1px solid # ccc; border-width: 1px 1px 0 0 0; margin-left: 20px;} td, th {padding: 5px; border: 1px solid # ccc; border-width: 0 0 1px 1px; }</style>
Tip: the code can be modified before running!