マウスオーバー画像+リンクコード。 HTML

-1

私はこのコードを持っているので、なぜそれが効かないのか分かりません。助けてください！マウスオーバー画像+リンクコード。 HTML

<a href="https://www.jspell.com/public-spell-checker.html"> 
    <img src="http://s7d2.scene7.com/is/image/PetSmart/SV0401_CATEGORY_HERO-Dog-Cat-20160818?$SV0402$" 
      onmouseover="http://cdn1-www.dogtime.com/assets/uploads/2011/01/file_22928_greater-swiss-mountain-dog-460x290.jpg'" 
      onmouseout="this.src='http://s7d2.scene7.com/is/image/PetSmart/SV0401_CATEGORY_HERO-Dog-Cat-20160818?$SV0402$"a>

私はあなたが画像の上に置くと、それはそう、それは変化し、そしてあなたがオフに置くと、それは元の画像をバックに変更します。

出典

2017-05-12 Charie Burns

を？ – Frost

あなたはonmouseoverで何も設定していません。あなたはただURLを持っていて、URLで何をすべきか教えてください。また、イメージタグの最後に「a」があり、タグを閉じないでください。 – illiteratecoder

@Frost私はページを変更したいと思います。（新しいタブは開かない） –

<a href="https://www.jspell.com/public-spell-checker.html"> 
<img 
src="http://s7d2.scene7.com/is/image/PetSmart/SV0401_CATEGORY_HERO-Dog-Cat-20160818?$SV0402$" 
onmouseenter="this.src='http://cdn1-www.dogtime.com/assets/uploads/2011/01/file_22928_greater-swiss-mountain-dog-460x290.jpg'" 
onmouseleave="this.src='http://s7d2.scene7.com/is/image/PetSmart/SV0401_CATEGORY_HERO-Dog-Cat-20160818?$SV0402$'" /> 
</a>

を（あなたれるonmouseoutを参照してください）、私はあなたのトリガのVYのonmouseenterとonmouseleaveを交換し、あなたのタグを修正しました。

出典

2017-05-12 07:07:28 Zenoo

しかし、マウスを離した後に画像を元の画像に戻すことはありません。 –

まだ私のために働いていない、ちょうど2番目のイメージを変更します。 –

一重引用符を終了するのを忘れてしまった。 –

-1

onmouseover javascriptコードを実行すると、コードとしてリンクを実行したがっていても動作しません。 onmouseoverの中にjavascriptでimg elemntのsrcを設定する必要があります。あなたが行くここ

<a href="https://www.jspell.com/public-spell-checker.html"><img src="http://s7d2.scene7.com/is/image/PetSmart/SV0401_CATEGORY_HERO-Dog-Cat-20160818?$SV0402$" onmouseover="this.src='http://cdn1-www.dogtime.com/assets/uploads/2011/01/file_22928_greater-swiss-mountain-dog-460x290.jpg'" onmouseout="this.src='http://s7d2.scene7.com/is/image/PetSmart/SV0401_CATEGORY_HERO-Dog-Cat-20160818?$SV0402$"</a>

出典

2017-05-12 07:07:27 ThatsEli

'img'は空のタグです。それはで終わらない。 '' – Frost

あなたの 'img'タグは壊れています。 – Cerbrus

-1

最初に気がついたのは、<img>タグが正しく閉じられていないことです。また、アンカータグは</a>として閉じる必要があります。

<a href="https://www.jspell.com/public-spell-checker.html"><img src="http://s7d2.scene7.com/is/image/PetSmart/SV0401_CATEGORY_HERO-Dog-Cat-20160818?$SV0402$" onmouseover="http://cdn1-www.dogtime.com/assets/uploads/2011/01/file_22928_greater-swiss-mountain-dog-460x290.jpg'" onmouseout="this.src='http://s7d2.scene7.com/is/image/PetSmart/SV0401_CATEGORY_HERO-Dog-Cat-20160818?$SV0402$"></a>

出典

2017-05-12 07:07:53 Archana

あなたはOPの質問を解決していません。 –

@リチャード私は残念ながら私はまだ直接コメントすることはできませんが、私は返信することができます。 :) – Archana

@Archana：答えを使わないでください。あなたの担当者の仕事を少しずつ行うので、代わりにコメントを使用することができます。 – Cerbrus

-1

としてのonmouseoverれるonmouseout要素を操作するためにイベントにはJavaScript機能を結合するために使用されるべきである、と言われています。このコードでは、イメージのsrcプロパティを変更できます。

ところで、HTMLはうまく構築されていません。

次のコードを確認：あなたは、リンクが仕事をしたいんどのように説明してもらえ

function movingMouseOverImage(el){ 
 
    el.src = "http://cdn1-www.dogtime.com/assets/uploads/2011/01/file_22928_greater-swiss-mountain-dog-460x290.jpg"; 
 
} 
 

 
function mouseLeavesImage(el){ 
 
    el.src = "http://s7d2.scene7.com/is/image/PetSmart/SV0401_CATEGORY_HERO-Dog-Cat-20160818?$SV0402$"; 
 
}

<a href="https://www.jspell.com/public-spell-checker.html"> 
 
    <img src="http://s7d2.scene7.com/is/image/PetSmart/SV0401_CATEGORY_HERO-Dog-Cat-20160818?$SV0402$" 
 
      onmouseover="movingMouseOverImage(this);" 
 
      onmouseout="mouseLeavesImage(this);"></a>

出典

2017-05-12 07:18:34 jmtalarn

マウスオーバー画像+リンクコード。 HTML

答えて

関連する問題