如何用CSS设置 当鼠标单击A菜单 A菜单变色 当鼠标单击B菜单 B菜单变色 A菜单恢复原状... 网络上常见的按钮

html-css013

如何用CSS设置 当鼠标单击A菜单 A菜单变色 当鼠标单击B菜单 B菜单变色 A菜单恢复原状... 网络上常见的按钮,第1张

用javascript就可以，基本代码在下面，你自己照着改吧

<html>

<head>

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

</head>

<body>

<script type="text/javascript">

function changeA(){

document.getElementById("menuA").style.background='#f00'

document.getElementById("menuB").style.background='#fff'

}

function changeB(){

document.getElementById("menuB").style.background='#f00'

document.getElementById("menuA").style.background='#fff'

}

</script>

<input type="button" onclick="changeA()" value="A"/>

<input type="button" onclick="changeB()" value="B"/>

<div id="menuA" style="width:300pxheight:300px">

A

</div>

<div id="menuB" style="width:300pxheight:300px">

B

</div>

</body>

</html>

在CSS中定义鼠标样式的方法为：

{cursor: url('路径/*.cur')}

然后看你想把这个鼠标样式定义到哪里就加什么标签。

通篇用，就定义boby{cursor: url('路径/*.cur')}

定义链接就用a{cursor: url('路径/*.cur')}

别的局部地方用就用别的名称，等等，总之和别的样式调用方法是一样的，可以在页面的任意地方指定不同的鼠标样式。