JavaScript实现鼠标效果
2024-08-29 07:35:58
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
#div1 {
width: 100px;
height: 100px;
background: red;
}
</style> <script>
function togreen(){
var green=document.getElementById('div1');
green.style.width='200px';
green.style.height='200px';
green.style.background='green';
}
function tored() {
var green=document.getElementById('div1');
green.style.width='100px';
green.style.height='100px';
green.style.background='red';
}
</script> </head> <body>
<div id="div1" onMouseOver="togreen()" onMouseOut="tored()">
</div>
</body>
</html>
最新文章
- 在 ML2 中配置 Vlan Network- 每天5分钟玩转 OpenStack(93)
- 关于vs调试中kaze时出现的问题
- 代码静态解析PMD
- MySQL日期 字符串 时间戳互转
- 发个题目坑 二模03day1
- 基于jQuery的H5调试条
- MAC的一些实用
- 禁止ie缓存
- SwipeRefreshLayout的简要说明及使用demo
- Modelsim覆盖率
- HAProxy 7层 负载均衡
- kbengine新手教程
- 关于python中的dir函数
- 《玩转Django2.0》读书笔记-Django建站基础
- nova 命令管理虚拟机
- [daily][python2] int型IP地址与string型IP地址互转
- hdu 3966(树链剖分+线段树区间更新)
- Sysfs文件系统接口调试
- 《剑指offer》第六十二题(圆圈中最后剩下的数字)
- Ping 的TTL理解