807zh1.htm
来自「javascript各种效果的实例及源代码」· HTM 代码 · 共 273 行
HTM
273 行
<html>
<head>
<title>元素周期表</title>
<style type="text/css">
<!--
body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 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 { font: 9pt "宋体"; cursor: hand; color: #FF0033 }
--></style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#fef4d9" onload="prepare();">
<br>
<br>
<center><font color=red face="隶书" size=6>元素周期表</font></center>
<br>
<center>
<table border=5 bordercolor=blue borderlight=green>
<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面框中为脚本显示区</strong></font></td></tr>
<tr><td align=center height=80><script language="JavaScript">
<!--hide this script from crappy old browsers
function prepare()
{
window.setTimeout("window.status='欢迎光临南京有线宽带网'",500);
}
function moveover(txt)
{
window.status = txt;
}
function fillitin(Name, AtomicNumber,AtomicWeight, Shells, FillingOrbital, MeltingPoint, BoilingPoint)
{
moveover(Name);
document.PeriodicTable.Name.value=Name;
document.PeriodicTable.AtomicNumber.value=AtomicNumber;
document.PeriodicTable.AtomicWeight.value=AtomicWeight;
document.PeriodicTable.Shells.value=Shells;
document.PeriodicTable.FillingOrbital.value=FillingOrbital;
document.PeriodicTable.MeltingPoint.value=MeltingPoint;
document.PeriodicTable.BoilingPoint.value=BoilingPoint;
window.setTimeout("prepare()",3500);
}
<!-- done hiding from old browsers -->
</script>
<form method="Post" name="PeriodicTable">
<table border="2" cellspacing="1" bordercolor="#808080"
bordercolordark="#808080" bordercolorlight="#808080">
<caption align="top"><font color="#008000" size="4">元素周期表</font></caption>
<tr>
<td bgcolor="#FFFF00"><a
href="javascript: fillitin('Hydrogen','1','1.0079','1','1s1','-259.14 C','-252.87 C');"><font
size="2">H</font></a><font size="2"> </font></td>
<td colspan="16" bgcolor="#000080"><font
color="#FFFFFF" size="2"></font></td>
<td bgcolor="#FFFF00"><a
href="javascript: fillitin('Helium','2','4.0026','2','1s2','-272C @ 26ATM','-268.6 C');"><font
size="2">He</font></a><font size="2"> </font></td>
</tr>
<tr>
<td><a
href="javascript: fillitin('Lithium','3','6.94','2,1','2s1','180.54 C','1347 C');"><font
size="2">Li</font></a><font size="2"> </font></td>
<td><a
href="javascript: fillitin('Beryllium','4','9.01218','2,2','2s2','1278 C','2970 C');"><font
size="2">Be</font></a><font size="2"> </font></td>
<td colspan="5" align=center>固体</td>
<td colspan="5" bgcolor="#C0C0C0" align=center>人造元素</td>
<td><a
href="javascript: fillitin('Boron','5','10.81','2,3','2p1','2300 C','2550 C');"><font
size="2">B</font></a><font size="2"> </font></td>
<td><a
href="javascript: fillitin('Carbon','6','12.011','2,4','2p2','3500 C','4827 C');"><font
size="2">C</font></a><font size="2"> </font></td>
<td bgcolor="#FFFF00"><a
href="javascript: fillitin('Nitrogen','7','14.0067','2,5','2p3','-209.9 C','-195.8 C');"><font
size="2">N</font></a><font size="2"> </font></td>
<td bgcolor="#FFFF00"><a
href="javascript: fillitin('Oxygen','8','15.9994','2,6','2p4','-218.4 C','-183.0 C');"><font
size="2">O</font></a><font size="2"> </font></td>
<td bgcolor="#FFFF00"><a
href="javascript: fillitin('Flourine','9','18.998403','2,7','2p5','-219.62 C','-188.14 C');"><font
size="2">F</font></a><font size="2"> </font></td>
<td bgcolor="#FFFF00"><a
href="javascript: fillitin('Neon','10','20.17','2,8',' 2p6','-248.6 C','-246.1 C');"><font
size="2">Ne</font></a><font size="2"> </font></td>
</tr>
<tr>
<td><a
href="javascript: fillitin('Sodium','11','22.98977','2,8,1',' 3s1','97.8 C','882.9 C');"><font
size="2">Na</font></a><font size="2"> </font></td>
<td><a
href="javascript: fillitin('Magnesium','12','24.305','2,8,2',' 3s2','638.8 C','1090 C');"><font
size="2">Mg</font></a><font size="2"> </font></td>
<td colspan="5" bgcolor="#FFFF00" align=center>气体</td>
<td colspan="5" bgcolor="#00FFFF" align=center>液体</td>
<td><a
href="javascript: fillitin('Aluminum','13','26.98154','2,8,3',' 3p1','660.37 C','2467 C');"><font
size="2">Al</font></a><font size="2"> </font></td>
<td><a
href="javascript: fillitin('Silicon','14','28.0855','2,8,4',' 3p2','1410 C','2355 C');"><font
size="2">Si</font></a><font size="2"> </font></td>
<td><a
href="javascript: fillitin('Phosphorous','15','30.97376','2,8,5',' 3p3','44.1 C','280 C');"><font
size="2">P</font></a><font size="2"> </font></td>
<td><a
href="javascript: fillitin('Sulfur','16','32.06','2,8,6',' 3p4','112.8 C','444.6 C');"><font
size="2">S</font></a><font size="2"> </font></td>
<td bgcolor="#FFFF00"><a
href="javascript: fillitin('Chlorine','17','35.453','2,8,7',' 3p5','-100.98 C','-34.6 C');"><font
size="2">Cl</font></a><font size="2"> </font></td>
<td bgcolor="#FFFF00"><a
href="javascript: fillitin('Argon','18','39.948','2,8,8',' 3p6','-189.3 C','-186 C');"><font
size="2">Ar</font></a><font size="2"> </font></td>
</tr>
<tr>
<td><a
href="javascript: fillitin('Potassium','19','39.0983','2,8,8,1',' 4s1','63.65 C','774 C');"><font
size="2">K</font></a><font size="2"> </font></td>
<td><a
href="javascript: fillitin('Calcium','20','40.08','2,8,8,2',' 4s2','839 C','1484.4 C');"><font
size="2">Ca</font></a><font size="2"> </font></td>
<td><a
href="javascript: fillitin('Scandium','21','44.9559','2,8,9,2',' 3d1','1539 C','2832 C');"><font
size="2">Sc</font></a><font size="2"> </font></td>
<td><a
href="javascript: fillitin('Titanium','22','47.90','2,8,10,2',' 3d2','1660 C','3287 C');"><font
size="2">Ti</font></a><font size="2"> </font></td>
<td><a
href="javascript: fillitin('Vandium','23','50.9415','2,8,11,2',' 3d3','1890⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?