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

html-css031

鼠标点击后背景停留的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种状态的。

是链接按钮吧，只需要更换下背景就行了

a{background:#fff} 正常状态下

a:hover{ background:url("image/bg.jpg") #000} 鼠标在菜单上的颜色，没使用图片做背景就直接写颜色

点击后停留状态停留，点击后给该链接按钮加个class或id 如<a class='home'></a>然后写下该类的css样式和鼠标停留在上面的一样就行了，如

a.home{ background:url("image/bg.jpg") #000}

至于怎么加个class类就根据你代码实际情况了