CSS 点击变色

作者: zms! 日期: 2013.10.26 本文发布于2346天前 分类: 前端琐碎DIV/CSS/JS 相关：

CSS style的点击变色效果，鼠标点击文字会让指定的DIV变换背景颜色，确实精简实用的CSS小技巧，希望大家喜欢。
最简单的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>

返回上一页

讨论区

您尚未 登录，或请 注册。

登 录 注 册

你可能也喜欢

chm文件转换成html文件，解决chm文件无法使用浏览器打开的问题 2018.05.20,11 pv
键盘对应的键值 2018.04.15,8 pv
Bootstrap弹出层(modal)垂直居中简单解决方案(无需修改js) 2017.09.25,9 pv
强制H5必须用微信打开的判断 2017.01.05,10 pv
MUI语法琐碎 2016.11.09,8 pv
一些前端工程师必须知道的开源前端框架 2016.11.04,12 pv