日別アーカイブ: 2019-12-03

めくりフリップその後

おあずけ

テレビ番組やプレゼンにおいてフリップに付箋紙をかぶせて最初は見えないようにし気を持たせるおあずけ手法があります。めくりフリップについては当ブログでは数度、取り上げています。

①動的な表現のいろいろ

②めくりフリップ

③世界の若者二態

先の例では一度めくると元の戻すことができませんでした。再度クリックすれば目隠しが元に戻るようにした例を以下に掲げます。参考になれば幸いです。

お隠れ/御出座ここをクリック

サンプルコード

<html>
<div onClick="document.all.item('okng').style.visibility=(document.getElementById('okng').style.visibility.length==6)?'visible':'hidden';">
<span style="font-size:36px; color:orange;">お隠れ/御出座</span><span style="font-size:18px; color:blue;">ここをクリック</span>
</div>
<div id="okng" style="visibility:hidden; width:360px; height:160px; border:1px solid blue">
<img src="https://aidesign.lolipop.jp/wp-content/uploads/2015/09/hamanasu.png" alt="イラストB" width=350 height=152>
</div>
</html>

おまけ

御出座(ごしゅつざ)とはおでましを言います。テレビ時代劇の北町奉行、遠山左衛門尉様、御出座ぁ~!(きたまちぶぎょう、とうやまさえもんのじょうさま、ごしゅつざぁ~)のきめ台詞が浮かびます。