繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Javascript初学者实例教程(11):鼠标动作
- Javascript
- 用jquery ajax获取网站Alexa排名的代码
- jQuery Selectors(选择器)的使用(九、表单对象属性篇)
- javascript 数组使用方法汇总
- 用于CSS代码压缩与格式化的javascript函数代码
- ExtJS下grid的一些属性说明
- javascript 强制刷新页面的实现代码
- js 加载并解析XML字符串的代码
- jquery提示 "object expected"的解决方法
- 页面中iframe相互传值传参
- jQuery 行背景颜色的交替显示(隔行变色)实现代码
- 魔方在线秒表javascript版
- JavaScript 字符串与数组转换函数[不用split与join]
- javascript与asp.net(c#)互相调用方法
- javascript下搜索子字符串的的实现代码(脚本之家修正版)
- JQuery下关于$.Ready()的分析
- input 日期选择功能的javascript代码
- js 页面传参数时 参数值含特殊字符的问题
- 读取table内容的javascript代码
- 最简单的javascript对象实例代码
- JQuery Tips(2) 关于$()包装集你不知道的
Javascript初学者实例教程(11):鼠标动作
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 400 ::
收藏到网摘: n/a
实例十一
本实例主要介绍了鼠标动作的使用，这个例子太简单了，可以多找点别点资料看看！
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>改变文字样式</title>
<style type="text/css">
.red{ color:red;
font-style:italic;
font-size:32;
}
.blue{color:blue;
font-size:36;
}
.black{color:black;
}
</style>
<script language="javascript">
function color(e)
{
switch(e.srcElement.id){ //获得标记的id
case "first":
document.getElementById("first").className="red"; //修改文字的样式
break;
case "second":
document.getElementById("second").className="blue";
break;
}
}
function clearText(e)
{
switch(e.srcElement.id){
case "first":
document.getElementById("first").className="black";
break;
case "second":
document.getElementById("second").className="black";
break;
}
}
</script>
</head>
<body>
<div id="first" onMouseOver="color(event);" onMouseOut="clearText(event);">我是新手，摸一下</div>
<br>
<div id="second" onMouseOver="color(event);" onMouseOut="clearText(event);">老油条了</div>
</body>
</html>
效果演示：
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
评论 (0) All
