html5 onmouout怎么使用
onmouout：当鼠标指针移出图片时运行脚本；
注意： onmouout 属性不能使用于以下元素: <ba>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 或 <title>。
有一个简短的代码：
<!DOCTYPE html>
<html>
<head>
<meta chart="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function bigImg(x)
{
x.style.height="64px";
x.style.width="64px";
}
function normalImg(x)
{
x.style.height="32px";
x.style.width="32px";
}
</script>
</head>
<body>
<img onmoumove="bigImg(this)" onmouout="normalImg(this)" border="0" src="smiley.gif" alt="Smiley" width="32" height="32">
<p>当用户将鼠标移动到图片时触发 bigImg() 函数。该函数使图片变大。</p>
<p>当用户将鼠标移开时触发normalImg() 函数。该函数使图片变回原来大写。</p>
</body>
</html>
html5 onmouout怎么使用
首先要知道onmouout的定义：onmouout 属性在鼠标指针移动到元素外时触发，也就是说当电脑鼠标移动到onmouout所引用的属性之外时，就会触发
语法使用的定义如下：
<element onmouout="script">
注意事项：所有主流浏览器都支持 onmouout 属性。同时onmouout 属性不适用以下元素：<ba>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。
JavaScript OnMouOut事件
javascript onmouover和onmouout事件
onmouover和onmouout鼠标移入移出时触发的事件：
onmouover 用户鼠标移入元素时触发的事件。并执行onmouover调用的函数。
onmouout 用户鼠标移开元素时触发的事件。并执行onmouout调用的函数。
onmouover和onmouout 这两个事件在javascript中较常用。
下面通过一个示例更深入了解这两个事件的使用：
示例：鼠标移入时，改变字体的背景色，移出时，还原默认的背景色。
<!DOCTYPE html>
<html>
<head>
<meta chart="utf-8" />
<title>鼠标移入时，改变字体的背景色，移出时，还原默认的背景色。</title>
<style>
.xuexi{width:200px;height:120px;background:#abcdef;border:1px solid green;}
</style>
<script>
function aixuexi(){
var woaixuexi=document.getElementById("woaixuexi");
woaixuexi.style.background="yellowgreen";
}
function xuexi(){
var xuexi=document.getElementById("woaixuexi");
xuexi.style.background="#abcdef";
}
</script>
</head>
<body>
<div id="woaixuexi" onmouover="aixuexi();" onmouout="xuexi();" class="xuexi"></div>
</body>
</html>
JS中onmouout onmouleave究竟有何区别?
我遇到的一个最明显的区别就是onmouout是指离开指定元素,而onmouleave是离开指定元素的范围(区域)，如下代码你可以尝试切换事件，看看有效果
这只是我在实际应用当中偶遇到的不同，可能还会有其他的区别。
