javaScriptはLv2

「ただいま、javaScriptとcssのテスト中~」
現在のうちのjavaScript技術は…スライムといい勝負ぐらいな気がする。
冬コミで少し話題に出たときに、javaScriptでマウスホバーして中身を表示するのができないと言った記憶があるのですが、できなかったのはタイムラグ。

javaScript

【マウス・ホバー!!】javaScriptでホバーしたら現れる【マウス・ホバー!!】
こっちは割と簡単に作れた・・・

マウスホバーしたら、中身が表示されるってのはググって言われたとおりにやれば作れたのだけど、創作作業で使っているデータベース上でいちいち触った瞬間に中身が見えていたら扱いづらくして仕方がない。

なでの、タイムラグにしようとしたら…詰まった。

結局のところ、phpからjavaScriptに数値を渡す方法がよくわからず、一つクリックしたら全部が表示されるとかわけわからないことになって諦めかけたのだけど…ググっていたらcssだけでもやれることが判明!

参考Webサイト

[CSS]ホバー時のエフェクトを自分以外の要素にも適用するチュートリアル

で、作ったのがこれ。

奴隷商人と純白の少女
「奴隷商人と純白の少女」   2017年の冬コミ本 P36・A5 頒布価格¥500 奴隷商人のリュウとアオカの物語。 躰を奪われ続けるアオカの、その理由…(?)を描いた物語。 制作後記 本のフリートークで書ききれなかった[...]
奴隷商人と純白の少女

↑のリンクがうまく作動していれば、マウスホバーして0.5秒後に右側にリンク先の中身が表示されるはず。

ローカルサーバーの創作作業用データベースではアイキャッチ画像などは扱わないのだけど、Webようにアイキャッチ画像ありバージョンを作ってみた・・・が

このホームページのテーマは「poseidon」という既存のテーマを使わせていただいているのでテーマが管轄しているトップページに適用させるには、テーマの中身をいろいろ調べないといけない。さらに各種ブラウザ、スマホにどう表示されているかも不明。

さすがにこれに対応する時間は無い、、、( 。-_-。)

でもまぁ、たまに記事の中でコソッと、使うぐらいなら使えるかな…

コメント(無記名で投稿可。複数リンクは承認待ちになります。)