MENU
当ページのメニューボックスが動くアニメーション効果は「jquery.inview.js」を使っています。
※「jquery.inview.js」は別途ダウンロードが必要です。
テンプレートのダウンロード直後の状態ではアニメーションは動きません。必ずマニュアルをご覧下さい。設定は簡単です。
ランチメニュー(通常表示の例です)
![ランチプレート](images/sample_photo1.jpg)
ランチプレート 1,300円
「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。
![おすすめ](images/icon_osusume.png)
![ランチプレート](images/sample_photo1.jpg)
ランチプレート 1,300円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
![人気](images/icon_ninki.png)
![ランチプレート](images/sample_photo1.jpg)
ランチプレート 1,300円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
コースメニュー(class="transform1"の例です)
![コース](images/sample_photo2.jpg)
コース 2,000円
「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。
![おすすめ](images/icon_osusume.png)
![コース](images/sample_photo2.jpg)
コース 2,000円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
![人気](images/icon_ninki.png)
![コース](images/sample_photo2.jpg)
コース 2,000円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
単品メニュー(class="transform2"の例です)
![サラダ](images/sample_photo3.jpg)
サラダ 400円
「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。
![おすすめ](images/icon_osusume.png)
![サラダ](images/sample_photo3.jpg)
サラダ 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
![人気](images/icon_ninki.png)
![サラダ](images/sample_photo3.jpg)
サラダ 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
ドリンクメニュー(class="up"の例です)
![コーヒー](images/sample_photo4.jpg)
コーヒー 400円
「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。
![おすすめ](images/icon_osusume.png)
![コーヒー](images/sample_photo4.jpg)
コーヒー 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
![人気](images/icon_ninki.png)
![コーヒー](images/sample_photo4.jpg)
コーヒー 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
デザートメニュー(class="left"の例です)
![デザート](images/sample_photo5.jpg)
デザート 400円
「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。
![おすすめ](images/icon_osusume.png)
![デザート](images/sample_photo5.jpg)
デザート 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
![人気](images/icon_ninki.png)
![デザート](images/sample_photo5.jpg)
デザート 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
デザートメニュー(class="right"の例です)
![デザート](images/sample_photo5.jpg)
デザート 400円
「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。
![おすすめ](images/icon_osusume.png)
![デザート](images/sample_photo5.jpg)
デザート 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
![人気](images/icon_ninki.png)
![デザート](images/sample_photo5.jpg)
デザート 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
デザートメニュー(divタグでなく、中の画像だけに指定してもOKです。)
![デザート](images/sample_photo5.jpg)
デザート 400円
「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。
![おすすめ](images/icon_osusume.png)
![デザート](images/sample_photo5.jpg)
デザート 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
![人気](images/icon_ninki.png)
![デザート](images/sample_photo5.jpg)
デザート 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。