如何给页面上的每一个链接增加声音事件

Question

在一个HTML中需要让鼠标经过每一个链接的时候发出声音作为效果音例如<a href="url" onmousemove="voice.innerHTML='<embed src="*.wav" width=0 height=0 autostart=true ></embed>';">link</a><span id="voice"  style="width:0px;height:0px;"></span>请问，如何在每一个A标签中插入onmousemove事件,我想把它用在博客里面给每一个链接添加声音事件，但是博客模板是做好的，我想用javascript获取所有的A标签，然后动态插入onmousemove事件，让每一个链接都有onmousemove，请问用javascript如何实现，用jquery好像没有反应。请高手指教。

Answer 1

<div id="obj">
<a href="">点击1</a>
<a href="">点击2</a>
<a href="">点击3</a>
<a href="">点击4</a>
</div>
<script>
var a=document.getElementById("obj").getElementsByTagName("a");
for(i=0;i<a.length;i++){
   (
      function(m){
         a[m].onmouseover=function(){alert("this.innerHTML");}
      }
   )(i)
}
</script>

Answer 2

<div id="obj">
<a href="">点击1</a>
<a href="">点击2</a>
<a href="">点击3</a>
<a href="">点击4</a>
</div>
<script>
var a=document.getElementById("obj").getElementsByTagName("a");
for(i=0;i<a.length;i++){
   (
      function(m){
         a[m].onmouseover=function(){alert(this.innerHTML);}
      }
   )(i)
}
</script>

Answer 3

谢谢2,3楼的靓女，添加不了div，有没有别的办法，模板是写好的格式（加密的），能不能抽取所有的A标签，然后replace替换 <a href=为 <a onmouseover=... href=。或者直接获得整个页面的A标签而不是某个区块的。

Answer 4

<a href="">点击1</a>
<a href="">点击2</a>
<a href="">点击3</a>
<a href="">点击4</a>
<a href="">点击5</a>
<a href="">点击6</a>
<a href="">点击7</a>
<a href="">点击8</a>
<script>
var a=document.getElementsByTagName("a");
for(i=2;i<7;i++){
   (
      function(m){
         a[m].onmouseover=function(){alert(this.innerHTML);}
      }
   )(i)
}
</script>

Answer 5

谢谢，知道怎么弄了,果然是高手，下面是我的，还有一个问题请教那对小括号和（i）是做什么用的，貌似拿掉他就不运行了。(......)(i)
<a href="">点击1</a>
<a href="">点击2</a>
<a href="">点击3</a>
<a href="">点击4</a>
<a href="">点击5</a>
<a href="">点击6</a>
<a href="">点击7</a>
<a href="">点击8</a>
<a href="">点击1</a>
<a href="">点击2</a>
<a href="">点击3</a>
<a href="">点击4</a>
<a href="">点击5</a>
<a href="">点击6</a>
<a href="">点击7</a>
<a href="">点击8</a>
<a href="">点击1</a>
<a href="">点击2</a>
<a href="">点击3</a>
<a href="">点击4</a>
<a href="">点击5</a>
<a href="">点击6</a>
<a href="">点击7</a>
<a href="">点击8</a>
<script>
var a=document.getElementsByTagName("a");
for(i=0;i<a.length;i++){
  (
  function(m){
  a[m].onmouseover=function(){voice.innerHTML='<embed src="Windows XP 错误.wav" width=0 height=0 autostart=true ></embed>';}
  a[m].onmousedown=function(){voice.innerHTML='<embed src="Windows XP 登录音.wav" width=0 height=0 autostart=true ></embed>';}
  }
  )(i)
}
</script>
<span id="voice"  style="width:0px;height:0px;"></span>

Answer 6

var a=document.getElementsByTagName("a");
for(i=0;i<a.length;i++){
  (
  function(m){
  a[m].onmouseover=function(){voice.innerHTML='<embed src="Windows XP 错误.wav" width=0 height=0 autostart=true ></embed>';}
  a[m].onmousedown=function(){voice.innerHTML='<embed src="Windows XP 登录音.wav" width=0 height=0 autostart=true ></embed>';}
  }
  )(i)
}
这段代码看不懂啊，

Answer 7

循环所有A标记，为基添加一个鼠标在上和一个移走的事件啊
for(i=0;i<a.length;i++)这个里面变量i定义一下比较好for(var i=0;i<a.length;i++){

Answer 8

把写好的格式（没有加密的）能不能拿出来分享一下啊？？   [email protected] 谢谢了！

Answer 9

$('a').live('click', function() {
  //play sound
});