JS版元素周期表实现方法

本文实例讲述了射流研究…版元素周期表实现方法。分享给大家供大家参考。具体如下：

这里的元素周期表基于Java脚本语言实现，未使用任何的图片，直接浏览本超文本标记语言网页即可看到效果，可以作为教学使用。

运行效果如下图所示：

具体代码如下：

htmlheadstyle类型='text/css '！-A { color :000000；font-size :9 pt文本-装饰：无} a :悬停{颜色： 00dd00} - /styletitle元素周期表/titlescript语言='JavaScript '！-对蹩脚的旧浏览器函数prepare(){ window。settimeout('窗口。状态=')隐藏此脚本这是例子'',500);}函数移到(txt){ window。status=txt}函数填充(名称、原子编号、原子w8、外壳、填充轨道、熔化点、沸腾点){移动到(名称)；//写入状态栏说明文件。周期表。名称。值=名称；//写入元素名文件可周期性的。原子序数。值=原子序数；//写入元素序号文件可周期性的。原子w8。值=原子w8；//写入原子量文件。可周期性。壳。值=壳；//写入电子层描述文件可周期性的。填充轨道。value=fillingarbital//写入轨道文件可周期性的。熔点。值=熔点；//写入熔点文件可周期性的。沸点。=沸点；//写入沸点window.setTimeout('prepare()'，3500)；//延时3.5秒后恢复状态栏显示}!-完成对旧浏览器的隐藏-/script/head body on load=' prepare()；'表格边框='4 '宽度=' 51% ' border color right=' # DDDDDD ' cell spacing=' 0 ' cell padding=' 4 ' border color=' # DDDDDD ' tr TD width=' 100% '表格边框=' 1 '宽度=' 60% '单元格间距=' 0 '单元格填充=' 3 ' bordercolor=' # a4a 4 ' tr TD宽度=' 100% '表单方法=' Post '名称=' PeriodicTable '表格边框='1 '单元格间距='FONT-SIZE :9 PT '单元格填充=' 0 ' tr TD宽度=' 522 '高度=' 7 ' col span=' 18 '元素周期表/TD/tr/TD bgcolor=' # CCFFCC ' width=' 29 ' height=' 6 ' align=' center ' a href=' JavaScript : fillitin(' Hydrogen '，' 1 '，' 1.0079 '，' 1 '，' 1s1 '，'-259.14 C '，'-252.87 C ')； h/a/TD TD col span=' 16 ' width=' 463 ' height=' 6 '/TD TD bgcolor=' # CCFFCC ' width=' 30 ' height=' 6 ' align=' center ' ahref=' JavaScript 3336