网页特效|纯JavaScript时钟|万里免费网络

<html> <head> <title>网页特效||---纯JavaScript时钟</title> <style type="text/css">BODY { FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; MARGIN-LEFT: 4px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px } A { COLOR: black; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: none } A:hover { COLOR: red; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: underline } A:active { COLOR: #ff0033; CURSOR: hand; FONT: 9pt "宋体" } </style> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"> <script language="javascript">  </script> </head> <body onload="ob(),setNum(),setInterval('timer()',100);setInterval('runClock()',100)"> <div id="c0" style="position: absolute; right: 6px; top: 6; z-index: 2; left: 4; width: 536; height: 19"></div><div id="c1" style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><b> <p>1</b></p> </div><div id="c2" style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><b> <p>2</b></p> </div><div id="c3" style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><b> <p>3</b></p> </div><div id="c4" style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><b> <p>4</b></p> </div><div id="c5" style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><b> <p>5</b></p> </div><div id="c6" style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><b> <p>6</b></p> </div><div id="c7" style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><b> <p>7</b></p> </div><div id="c8" style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><b> <p>8</b></p> </div><div id="c9" style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><b> <p>9</b></p> </div><div id="c10" style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><b> <p>10</b></p> </div><div id="c11" style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><b> <p>11</b></p> </div><div id="c12" style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><b> <p>12</b></p> </div><div id="ob0" style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 1"></div><div id="ob1" style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><font color="#0000ff" size="+3"><b> <p>.</b></font></p> </div><div id="ob2" style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><font color="#0000ff" size="+3"><b> <p>.</b></font></p> </div><div id="ob3" style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><font color="#0000ff" size="+3"><b> <p>.</b></font></p> </div><div id="ob4" style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><font color="#0000ff" size="+3"><b> <p>.</b></font></p> </div><div id="ob5" style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><font color="#0000ff" size="+3"><b> <p>.</b></font></p> </div><div id="ob6" style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><font color="#00ffff" size="+3"><b> <p>.</b></font></p> </div><div id="ob7" style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><font color="#00ffff" size="+3"><b> <p>.</b></font></p> </div><div id="ob8" style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><font color="#00ffff" size="+3"><b> <p>.</b></font></p> </div><div id="ob9" style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><font color="#00ffff" size="+3"><b> <p>.</b></font></p> </div><div id="ob10" style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 6"><font color="#f30000" size="+3"><b> <p>.</b></font></p> </div><div id="ob11" style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 6"><font color="#f30000" size="+3"><b> <p>.</b></font></p> </div><div id="ob12" style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 6"><font color="#f30000" size="+3"><b> <p>.</b></font></p> </div> </body> </html>