フリー素材・ホームページテンプレート【Persil／ペルシ】フリー素材／ボタン素材

フリー素材／ボタン素材

メニューやリンクに使えるボタンセットです。文字は25種類。
マウスオーバー用画像も一緒の、一括ダウンロードになります。
マウスオーバーで画像が変わるサンプルソース(JavaScript)はこちら。

素材をダウンロード、または素材の全てをご覧頂くには、
『会員登録』が必要となります。
すでに会員の方は、トップページよりログインを、
会員登録がまだの方は、こちらをご覧下さい。

persil_button01size [ 100×15 pixel ]

persil_button02size [ 100×15 pixel ]

persil_button03size [ 100×15 pixel ]

persil_button04size [ 100×15 pixel ]

persil_button05size [ 90×30 pixel ]（×透過：白背景用）

persil_button06size [ 100×15 pixel ]

persil_button07size [ 50×50 pixel ]（×透過：白背景用）

persil_button08size [ 100×25 pixel ]

【 JavaScript による、画像が変わるリンクボタンのサンプルソース】

【設定例】
マウスアウト（通常表示）画像＝ sample.gif
マウスオーバー用画像＝ sample_over.gif
※赤字（sample）は、シーンに合わせて変えて下さい。
※赤字（sample）の変更だけで、複数ボタンに対応しますが、
同一ページ内に同じ名称が存在すると動きませんので注意して下さい。

<script type="text/javascript">
<!--
function MouseOver(name) {      // マウスオーバー関数
        overimg = new Image();
        overimg.src = name + "_over.gif";
        document.images[name].src = overimg.src;
}

function MouseOut(name) {       // マウスアウト関数
        outimg = new Image();
        outimg.src = name + ".gif";
        document.images[name].src = outimg.src;
}
//-->
</script>

<!-- リンク部分抜粋 -->
<a href="samplepage.html"
        onmouseover="MouseOver('sample')"
        onmouseout="MouseOut('sample')">
<img src="sample.gif" name="sample" border="0" id="sample" />
</a>

初心者でも安心なレンタルサーバー。２００MBで２６３円から。CGI・SSI・PHPが使えます。