私はヘッダーを次のように見せようとしています: http : //wareztuga.ws/index.phpそして私たちが家の底を通過するときにそれが点滅するときに彼らがどうやってそれを行うことができたのか疑問に思いました。
その結果を得るには2つの画像が必要ですが、関数が必要です。
私はヘッダーを次のように見せようとしています: http : //wareztuga.ws/index.phpそして私たちが家の底を通過するときにそれが点滅するときに彼らがどうやってそれを行うことができたのか疑問に思いました。
その結果を得るには2つの画像が必要ですが、関数が必要です。
これはPHPとは関係ありません。image-srcを変更するだけです...そこには多くのコード例があります。これが1つです。
画像のロールオーバーを実装するには、多くのアプローチがあります。非常に基本的なアプローチは次のとおりです。
<html>
<head>
<title>rollover demo</title>
<script type="text/javascript">
function swap(element, image) {
element.src = image;
}
</script>
</head>
<body>
<img src="home_normal.png" onmouseover="swap(this, 'home_rollover.png');" onmouseout="swap(this, 'home_normal.png');"/>
<img src="about_normal.png" onmouseover="swap(this, 'about_rollover.png');" onmouseout="swap(this, 'about_normal.png');"/>
</body>
</html>
より好ましい方法は、HTMLをJavaScriptコードから解放するjQueryまたはその他のライブラリを使用することです。Googleの「javascript画像のロールオーバー」または「jquery画像のロールオーバー」を使用すると、さまざまな方法でそれを行うことができます。