鼠标点击后背景停留的css样式是什么

html-css015

鼠标点击后背景停留的css样式是什么,第1张

举例：

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<div class="bg"><a href="#">12</a></div>

</body>

</html>

默认背景：.bg{background-color:#FFFborder:1px solid #000}

鼠标经过：a:hover{background-color:#d6d6d6border:1px solid #000}

点击：a:active {background-color:#929292border:1px solid #000}

点击后：a:visited {background-color:#929292border:1px solid #000}

$("p").mouseenter(function(){

$("p").css("background-color","yellow")

})

只写mouseenter的动效的话，鼠标经过之后，状态会一直保留，如果想要鼠标离开之后出现新的状态，就在后面再加一个mouseleave事件，

如果简单一点的，hover就可以直接完成，但是hover是包含鼠标进入和离开2种状态的。