本文提供了一个使用纯CSS实现鼠标悬停时元素样式切换的简单示例。通过定义不同的CSS类并在鼠标移上和移出时改变元素的类名来达到样式切换的效果。
<style>
.op_m {
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 4px; FLOAT: left; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; CURSOR: hand; MARGIN-RIGHT: 10px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
.op {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN-RIGHT: 10px; PADDING-TOP: 3px
}
</style>
</head>
<body>
<div class="op_m" onmouseover="this.className='op_m'" onmouseout="this.className='op'">1232132</div>
移动上去换样式代码
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
