css+div と javascript アプリケーション-----マウスが上を通過したときの画像変換の 2 つの方法_html/css_WEB-ITnose

マウスがハイパーリンクまたはレイヤーを通過するかどうかに関係なく、それを実現できます

javascript メソッド: document.getElementById() を使用してノード オブジェクトを取得することに慣れています

<
< スタイル >

幅 : 300px ;
ソリッドグレー ;

< スクリプト タイプ ="text/javascript" >
関数 changeSrc1()
{
document.getElementById( " myImage " ).src = " /images/2.gif "
function changeSrc2()
{
document .getElementById( " myImage " ).src = " /images/1.gif "
}

< < div クラス ="div_n" > < a href ="http://www.baidu.com" > img id ="/images/1.gif" "changeSrc1()" onmouseout ="changeSrc2()" />


>



css+divメソッド: レイヤーのスタイルを合理的に制御する








< head > < title > 新しいドキュメント < ;/ gt; /2.gif) ;

背景繰り返し : 繰り返しなし ;

.content:hover {

背景画像 : url(images/3.j pg) ; > http ://www.baidu.com/" >< div class ="content" >

< ;/ HTML >