一个按钮切换两个css样式

html-css015

一个按钮切换两个css样式,第1张

按钮绑定一个点击事件，只是改变少量的样式使用$(".div").css("background","red")即可，如果是整个页面改变，就需要用到页面样式写缓存或数据库，重新加载页面来判断用户选择了那个样式，然后显示不同的样式加载

css是没有点击效果的，所以没法只通过css来实现图片互换，可以实现鼠标移上去背景图互换，使用:hover，li{background:none} li:hover{background:red}。

点击效果必须使用js，当点击时，更改class。

<!DOCTYPE html>

<html>

<head>

<style>

#btn{background:red}

#btn:hover{background:blue}

</style>

</head>

<body>

<input id="btn" type="button"/>

</body>

</html>

经验证是可以的，或许是你的图片路径不对，不过ie6不支持伪类：hover属性，所以如果要兼容ie6就用js或者，用a标签来代替吧