画像のロールオーバー用スクリプト(jQuery) | AP*DesignFactory | ホームページ制作 Wordpress LPコーディング – 東京 調布を拠点に活動する個人事業主

BLOG

画像のロールオーバー用スクリプト(jQuery)

エフェクト無しな、単純なロールオーバー。 末尾に「_off」がついている画像は、「_on」とついている画像にロールオーバー表示されます。 $(function(){ $(“img[src*=’_off’]”).addCl…

Posted : 2018.3.28 Update : 2018.3.30 jQuery/javascript
ReadMore

横幅いっぱいのメイン画像を配置したレスポンシブコーディング

この記事には【改訂版】がございます。 是非下記の記事をご覧ください。 横幅いっぱいのメイン画像を配置したレスポンシブコーディング【改訂版】 用意されたデザインファイルは下記のような感じ。 メインイメージの青枠の部分はマス…

Posted : 2018.3.21 Update : 2022.4.29 html5/css3, responsive
ReadMore

背景画像位置 px→%の計算方法

水平方向(X軸) {%指定値} = {px指定値} / ( {背景画像を指定する要素のwidth} – {背景画像のwidth} ) * 100 垂直方向(Y軸) {%指定値} = {px指定値} / ( {背景画像を指…

Posted : 2018.3.17 Update : 2018.3.17 html5/css3
ReadMore

position:absoluteで配置した空のdivに対して、clickイベントが反応しない(IE)

空のdivをクリックさせるということは普段記述しないのですが、 何かの案件の時にはまったらしく、2015年のメモに参考サイトが残っていました。 下記のように、幅、高さを指定した空のdivをposition:absolut…

Posted : 2018.3.17 Update : 2018.3.17 trouble-memo
ReadMore