ホバーイメージHTML：応答？

-3

私は、この単純なhtmlコード（下記参照）で、Wordpressの行に2つのホバーイメージを作成しようとしています。ホバーイメージHTML：応答？

<a href="#"><img src="image1.jpg" onmouseover="this.src:'image2.jpg'" onmouseout="this.src:'image1.jpg'"></a>

しかし、私は、同じページから別のモジュールを変更するたびに、だけでなく、ホバーは、モジュール内の最初の場所に書き込まれているHTMLコードのレコードは、もはや応答がありません。私のコードを "保護"する方法はありますか？スペースの紛失を避けるためにのように。別の問題では、私はそのコードを反応的にしたいと思います。私の画面を小さくするたびに、画像は同じ位置にありません。（いいえjavascriptはCSSと単純なjusteしてください！私は初心者です）

誰でも助けてくれますか？

ありがとうございました！（CSSを使って）下記のよう

出典

2016-12-28 Elisap

は、あなたが質問にあなたのHTMLコードを貼り付けることができます助けますか？また、このdoesntはWordPressとは何か関係があるように見えるので、私はそのタグを削除して、範囲内で質問を単純にすることを提案したいと思います。 –

私は上記のようにを使用しています！唯一の問題は、ページ内の他のモジュールを変更してコードが機能しなくなって実際に行方不明になった場合です。 – Elisap

@Elisap質問を編集し、現在使用しているすべてのHTMLとCSSを含める必要があります。 –

あなたは、2枚の画像を追加することができます。希望

a:hover:after { 
    content: url(image/circle.PNG); 
    display: block; 
    } 

    a:hover { 
    content: url(image/anyother.PNG); 
    display: block; 
    }

おかげで、これは

出典

2016-12-29 11:02:14 RDS

ホバーイメージHTML：応答？

答えて

関連する問題