CSS技巧:CSS style的点击变色

时间：2021-04-16

CSS style的点击变色效果，鼠标点击文字会让指定的DIV变换背景颜色，确实精简实用的CSS小技巧，希望大家喜欢。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>style点击变色</title>
<style>
.ft{position:absolute; left:364px; top:166px; width:120px; height:52px; z-index:1; background-color: #000000; layer-background-color: #000000; border: 1px none #000000}
.ft1{position:absolute; left:719px; top:191px; width:163px; height:86px; z-index:1; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000}
</style>
</head>
<body>
<div class="ft" id="aaa"><font color="#ffffff">改变</font></div>
<font onclick="aaa.className='ft1'">变化</font>
</body>
</html>

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章