jQueryを使って、外部のjsonファイル(元素の周期表)を読み込みます。表示は1元素ごとで、内容はすべて英文です。

使い方:「PERIODIC TABLE」の左右にある矢印を使って、原子番号順に表示を切り替えます。最初の原子番号1は「Hydrogen(水素)」で元素記号は「H」です。

なお、周期表の解説部分は元素によってテキストの量が違うため、web-kitでは表示部分にスクロールバーが出てしまい、見づらくなることがあるので、スクロールバーを非表示にしています。そのため画面全体のスクロールバーも出ませんが、マウスホイールなどでスクロールは可能です。
Diatomic Nonmetal1
HydrogenH
ATOMIC MASS1.008
DENSITY0.08988
DISCOVERED BYHenry Cavendish
MELTING POINT13.99
BOILING POINT20.271
SUMMARY

Hydrogen is a chemical element with chemical symbol H and atomic number 1. With an atomic weight of 1.00794 u, hydrogen is the lightest element on the periodic table. Its monatomic form (H) is the most abundant chemical substance in the Universe, constituting roughly 75% of all baryonic mass.

 

引用と参考;https://codepen.io/prvnbist/pen/EwOapM
戻るボタン