おぼえられないから

ただただ自分の覚え書きのためです。

2018年06月

簡単ロールオーバー

DREAMWEAVERのイメージロールオーバーは便利だけど
長いJavaScriptが必要になる。
そこで、JavaScriptは使うが簡単にイメージロールオーバーができる
onmouseout属性,onmouseover属性を使った方法を使う

<img src=“ロールオーバー前の画像” width="200" height="60" alt="" onmouseover="this.src=‘ロールオーバー後の画像’” onmouseout="this.src='ロールオーバー前の画像'">

Javaは使うが数あるロールオーバーの中ではHTML内で完結するので一番簡単
フォームのボタンなどに用いるinputタグに対しても使用可能できる

デメリットは
Javaなので見てる人のブラウザ設定がJavaScriptをオフにしていると動作しない
ロールオーバーの時に読み込みが発生する場合がある

スライドショーを設置

スライドショーの jQuery のなかでレスポンシブに強いカルーセルスライダー「slick」を使ってみる


続きを読む

トップページに簡単なお知らせを設置

さくらインターネットさんでパーミッション設定無しで使える
PHP工房さんから新着情報・更新履歴CMS「PKOBO-News01」を使います。
マニュアルもPHPに書いてあるし、コピペで済むのはありがたい。 
続きを読む

↑このページのトップヘ