!!!html

!!tytle.html(横澤)<br>
この画面では、「シミュレーション」「お酒情報」「設定」の３つのボタンがあり、そのいずれかをクリックするとそのページに遷移する。
*実装方法<br>
buttonを利用し、タグにそれぞれのパスを埋め込むことでページ遷移を実現している。

!!simu.html(西舘,横澤)
この画面では、体重、アルコール度数、量、杯数を入力し、結果ボタンを押すことでsimu.jsへ値が送られる。simu.jsから返ってきた値を出力する。また、この予測時間に対応した画像を出力する。戻るボタンではタイトル画面に戻る。
*実装方法<br>
inputでデータの遷移を実現している。document.getElementByIdを用いて出力をしている。

!!inf.html(伊東)
この画面では全１０種のボタンを用意し、それを押したときに酒に関する情報を表示する。
また戻るボタンでタイトルに戻る。
*実装方法<br>
cp_boxというボタンクラスを作成し、クリックすると隠れていた文字が表示されることで実現している。
またbuttonにページのパスを埋め込むことで遷移を実現している。
!!set.html(金)
!!!java
!!smui.js(西舘,横澤)
!!inf.js(伊東)
ボタンを押すとお酒の情報が表示されたり消えたりする。
*実装方法<br>
クリックするとhiddenクラスをつけ外しすることで実現している。

!!SE.js(金)
!!BGM.js(金)

!!!css
!!tytle.css(伊東）
文字の大きさ、色、ボタンの形などの装飾を行う。また、tytle.htmlにページ遷移する際文字がゆっくり下から上にフェードインするようになっている。
*実装方法<br>
フェードインの方法に関して、アニメーションのfadeupとdelayを利用することで実現している。
!!inf.css(伊東）
cp_boxのボタンが押されたらボタンの下にゆっくりとテキストが表示されるようにしている。