当該コンテンツは上部ページのプルダウンメニュー解説の延長ですが

 

意味合いは全然異なり

 

スクリプト要素を読者様へ興味を抱かせる表現法に切り替えてみる

 

記事内で　面白さ　楽しさを演出する

 

という....趣旨でございます

 

 

記事内でユニーなカスタマイズを表現する

 

 

基本プルダウン導入方法は上部ページでご案内しております
プルダウン式コンテンツメニューを作る方法　アーカイブにつかえるかも？

 

 

基本プルダウン導入の詳細がご理解いただけましたら
羽化へ進みましょう

 

シリウス外部カスタマイズ　プルダウンメニューの面白い使い方

 

---

 

今回は　画像を試用しての面白さを表現してみます

 

 

 

画像上部をクリックしてください

 

 

　　　　

 

 

 

 

 

如何ですか？

 

もっと良い画像があれば良いのですが　無いものでとりあえずはこれで
ご勘弁を！

 

ゴジラとか　ガメラとか　

 

綺麗な美女の口が空いたら　骸骨が出るとか

 

下がべろ～ンと出るとか

 

 

いろんな趣向があるかとは思いますがカスタマイズは自己判断で願います

 

構成は痛って簡単

 

 

まずは3枚の画像を用意します

 

上下画像は一つの画像を別に分離編集してください

 

隠れてはいますが　開けば見える画像

 

 

記述コードです
コピーしてお使いください

 

<dl class="menu1">
<dt class="title4">上の画像コード</dt>
<dd class="detail">
<ul>
　　　　隠す画像コード
</ul>
</dd>
</dl>
下に表示される画像コード

 

 

 

下に表示される画像コードは下の記述の外に置きます

 

今回は顔の口部分を開くということで進めましたが
顔に限りませんので

 

開いたら何を見せるかを　

 

面白いもの

 

びっくりするものなど試行錯誤しながら考えましょう

 

スポンサーリンク

 

 

 

シリウスサイトでプルダウンメニュ―をユニークにカスタマイズ
プルダウン式コンテンツメニューを作る方法　アーカイブにつかえるかも？
シリウスカスタマイズトップ