在onMouseOut上调用javascript函数

时间:2012-06-01 07:57:01

标签: javascript html marquee

我为marquee编写了以下代码: 我想要鼠标悬停,一个函数将被称为

<marquee class="smooth_m" behavior="scroll" direction="left" scrollamount="3">
  <span style="float:left; padding:0 20px 0 0;" onMouseOut="loadStart()" onMouseOver="loadStop()">testing</span>
</marquee>
<script type="text/javascript">
loadStop()
{
alert("loadStop");  
}
loadStart()
{
alert("loadStart"); 
}
</script>

但它没有在span中加载相应的函数,例如onMouseOut它应该加载loadStart等等。 有人可以帮忙吗?

4 个答案:

答案 0 :(得分:1)

function loadStop()
{
    alert("loadStop");  
}
function loadStart()
{
    alert("loadStart"); 
}

需要function关键字。

答案 1 :(得分:1)

工作演示 http://jsfiddle.net/CTQVr/ 鼠标停止选框,如下所示:http://jsfiddle.net/CTQVr/4/

问题是:函数名称中缺少函数。

希望这有帮助,

<强> HTML

<marquee class="smooth_m" behavior="scroll" direction="left" scrollamount="3">
  <span style="float:left; padding:0 20px 0 0;" onmouseout="loadStart()" onmouseover="loadStop()"> testing</span>
</marquee>

​

jquery代码

function loadStop() {
    alert("loadStop");
}

function loadStart() {
    alert("loadStart");
}​

更新以停止鼠标悬停

$("marquee").hover(function () { 
    this.stop();
   // loadStop();
}, function () {
    this.start();
   // alert("loadStart");
});
​

答案 2 :(得分:0)

你错过了函数定义中的函数,尝试类似:

function loadStop()
{
alert("loadStop");  
}

答案 3 :(得分:0)

您可以尝试hover方法,而不是使用html事件处理程序:

$('span').hover(function(){
     alert('LoadStops')
},function(){
    alert('LoadStarts')
})