DESIGN SAMPLE LISTHTML5とCSS3で実現出来るサンプルです

オーバーレイナビのサンプル

下記のボタンをクリックすると各デモページにジャンプします。デモページ右上のメニューボタンをクリックすると動作確認できます。

動きのあるプルダウンメニュー

マウスオーバーで画像切り替え

動きのあるナビゲーション

スライドナビゲーション

エム・ツーって、どんな会社？

最新のニュースは、こちらから！

エム・ツーって、どこにあるの？

お問い合わせは、こちらから！

タブメニュー ①

タブで表示するコンテンツを切り替えるメニューのサンプルです。

PICK UP
MENU
NEWS

ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。

ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。

ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。

ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。

ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。

ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。

20XX.00.00■: ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。
20XX.00.00■: ダミーの文章です。ダミーの文章です。
20XX.00.00■: ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。
20XX.00.00■: ダミーの文章です。ダミーの文章です。ダミーの文章です。
20XX.00.00■: ダミーの文章です。ダミーの文章です。ダミーの文章です。ダミーの文章です。

▲タブメニューに戻る

タブメニュー ②

ボタンで表示するコンテンツを切り替えるメニューのサンプルです。

寿　司
盛り合わせ
お造り