<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style>
#remove {
width: 40px;
height: 20px;
border: none;
color: #FFFFFF;
background: url(images/delete.png);
background-size: 100% 100%;
}
</style>
<body>
<div id="remove"></div>
</body>
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$("#remove").hover(function() {
$(this).css("background-image", "url(images/delete1-1.png)");
}, function() {
$(this).css("background-image", "url(images/delete.png)");
});
</script>
</html>
jquery鼠标悬停的时候图片改变
最新推荐文章于 2021-06-02 21:44:59 发布