1

私はjavascript(独学)を学ぶのは初めてです!私は通常、Webブラウジングだけで自分で答えを見つけることができますが、これまでのところ、次のことを実行する方法を説明するリソースは見つかりませんでした。

したがって、基本的に私がやりたいのはこれを変更することだけです(HTML):

<a href="link.html"id="speaker"onmouseover="showImage()"onmouseout="goBack()">SPEAKERS</a>

javascriptを使用して画像に変換します。

画像はhtmlやjsと同じフォルダに保存されます。これが私が知る限り、javascriptを使用することです。

function showImage()
 {   
 picture = new Image(100,100);
picture.src = "icon2.png";
document.getElementById("speakers").innerHTML = picture.src;
  }

function goBack()
 {   
 document.getElementById("speakers").innerHTML="SPEAKERS";
 }

わかりやすくするために、プロセスで同じハイパーリンクを使用しながら、テキスト( "SPEAKERS")を'onmouseover'を使用して画像に変更するだけです。

非常に単純な問題のように思えますが、自分がやりたいことが可能かどうかを判断するのに十分なことはわかりません。それが不可能な場合は、どちらの方法でも知りたいです;P。よろしくお願いします!

4

2 に答える 2

0

開始するには、次のようなものを試してください(完全なソリューションでもテスト済みのソリューションでもありません)。

var showImage = function(){
  var picture = document.createElement("img");
  picture.src = "icon2.png";
  picture.href = "link.html";

  var speakers = document.getElementById("speakers");
  speakers.parentNode.replaceChild(speakers, picture);
}

利用可能なDOMプロパティとメソッドのいくつかについては、https://developer.mozilla.org/en-US/docs/Gecko_DOM_Referenceを参照してください。

于 2012-09-08T02:04:06.783 に答える
0

jqueryの使用に問題がない場合は.html().hover()

http://jsfiddle.net/u8fsU/

于 2012-09-08T02:12:58.967 に答える