js常用事件总结及案例-onMouseOver、onMouseOut
2016-05-26 13:42
621 查看
常见事件案例:onFocus onBlur onChange onSubmit onMouseOver onMouseOut
案例四:onMouseOver(鼠标移入时触发的事件) onMouseOut(鼠标移出时触发的事件)
<script type="text/javascript">
function mov(){
var a = document.getElementById("mouse");
a.style.background = "yellow";
}
function mou(){
var b = document.getElementById("mouse");
b.style.background = "green";
}
</script>
<div style="border:1px solid red; width:100px; height:50px" id="mouse" onMouseOver="mov()" onMouseOut="mou()">
</div>
案例四:onMouseOver(鼠标移入时触发的事件) onMouseOut(鼠标移出时触发的事件)
<script type="text/javascript">
function mov(){
var a = document.getElementById("mouse");
a.style.background = "yellow";
}
function mou(){
var b = document.getElementById("mouse");
b.style.background = "green";
}
</script>
<div style="border:1px solid red; width:100px; height:50px" id="mouse" onMouseOver="mov()" onMouseOut="mou()">
</div>
相关文章推荐
- Javascript框架思想
- js常用事件总结及案例-onSubmit
- Angular JS模板注入漏洞分析
- JSONModel使用
- js常用事件总结及案例-onChange
- 使用Jsoup 抓取页面的数据
- js代码将rgb颜色转为16进制颜色
- 从现在开始,使用简单优雅的validata.js
- 无缝切换功能
- 新浪文字分享功能
- 原生JS实现Ajax
- 延迟菜单实现
- 微博发布框
- 使用原生JavaScript模拟getElementByClassName .
- jsonview插件高度可视化json数据
- JS通过URL向另一jsp页面传值时中文乱码问题
- 动态加载js、css 代码
- JavaScript中使用console调试程序的坑
- 算是帮华仔写的撸JSON文件,然后发到我的REST接口的PYTHON代码
- 基于Netty5.0高级案例二之WebSocket中关于使用ProtoBuf传输数据介绍js部分