0

我需要消除对子 div 的鼠标移出效果。

只需按原样使用该代码即可理解问题。

这是我的代码：

<div onmouseover="mOver(this)" onmouseout="mOut(this)" style="background-color:#D94A38;width:120px;height:20px;padding:40px;">Mouse Over Me</div>

<script>
function mOut(obj)
{
obj.innerHTML="Thank You"
}

function mOver(obj)
{
obj.innerHTML='<table style=" border:solid 1px #ff0000;"><tr><td><label>Username</label><input type="text" name="username" id="username" maxlength="64" value="SwapnilC" autocomplete="off"><br/><label for="pass">Password</label><input type="password" name="pass" id="pass" value="Password"></div><div style=" float:right;width:90px;background-color:#933;" onClick="ClickLogin();">Login</div><div style="float:right; margin-right:10px; width:20px; padding-top:4px;"> <img id="PP_loading"  title="Processing Request" style="display:none;" src="images/ajaxProcess.gif" /> </td></tr></table>'
}
</script>

</body>
</html>
4

3 回答 3

0

你可以用这个

jQuery：.removeAttr(attributeName) 功能。

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
  <button>Change title</button>
<input type="text" title="hello there" />
<div id="log"></div>

<script>
(function() {
  var inputTitle = $("input").attr("title");
  $("button").click(function () {
    var input = $(this).next();

    if ( input.attr("title") == inputTitle ) {
      input.removeAttr("title")
    } else {
      input.attr("title", inputTitle);
    }

    $("#log").html( "input title is now " + input.attr("title") );
  });
})();
</script>

</body>
</html>
于 2013-05-08T12:48:11.217 回答
0

你最好在 div 中直接放置一个带有“Tahnk you”和你的表的跨度。然后隐藏表格（“display：none”）并在需要时切换可见性 span display: none|inline; 表格显示：无|块；

而所有这些都可以使用 CSS 来完成。

于 2013-05-08T12:46:26.747 回答
0

不要在鼠标悬停时附加 html 标记，而是使用类在鼠标悬停/移出时隐藏/显示表格

Javascript：

function mOut(obj)
{
    obj.style.display="none";
}

function mOver(obj)
{
    obj.style.display="block"
}
于 2013-05-08T12:45:15.690 回答