child div에서 마우스 아웃 효과를 제거해야합니다.Child 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>