鼠标移动改变CSS样式

最新推荐文章于 2024-02-01 10:12:36 发布

iteye_21104

最新推荐文章于 2024-02-01 10:12:36 发布

阅读量431

点赞数 1

分类专栏： DIV+CSS 文章标签： javascript ViewUI

DIV+CSS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<style type="text/css">
.changeColor {
	font-size: 14px;
	color:#FFF;
	background-color: #09C;
	text-decoration: underline;
}
.original {
	font-size: 14px;
	color: #09C;
	text-decoration: underline;
}
</style>
<script language="javascript">
		function changeBlue(){
			document.getElementById('change').className="original";
		}
		function changeRed(){
			document.getElementById('change').className="changeColor";
		}
</script>
</head>
<body>
<span class="original" id="change" onmouseover="changeRed()" onmouseout="changeBlue()">变色龙
</span>
</body>