首先回答是,不是必须是hover。
这个addClass里写hover是因为之前的CSS类选择器的名称是hover(就是.hover {background:red})。这个名称可以改成别的。下边给你一个可以工作的代码:
<html><head>
<title>hover demo</title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<style>
.myStyle {
background: red
}
</style>
</head>
<body>
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
<script>
$("td").hover(function() {
$(this).addClass("myStyle")
}, function() {
$(this).removeClass("myStyle")
})
</script>
</body>
</html>
有问题请追问~
function changeOver(id){var sheet =document.styleSheets[0]
var rules = sheet.cssRules || sheet.rules
var cssText = ""
for(var i in rules){
if(rules[i].selectorText==="#"+id+":hover"){
// 先取对应id的css样式
cssText = rules[i].style.cssText
// 然后再设置上去
$("#"+id).attr("style",cssText)
break
}
}
方法说明:hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数调用语法:$(selector).hover(inFunction,outFunction)
方法事例:当鼠标指针悬停在上面时,改变 <p>元素的背景颜色
$("p").hover(function(){
$("p").css("background-color","yellow")
},function(){
$("p").css("background-color","pink")
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)