<html>
<head>
<style type="text/css">
.divbox{
height:300px;
width:200px;
background:#ffffff;
border:solid 5px #d2dce3;
float:left;
margin-right:10px;
}
.divOver{
background:#eff8fe;
border:solid 5px #ff0000;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script language="javascript">
$(function(){
//当鼠标滑入时将div的class换成divOver
$('.divbox').hover(function(){
$(this).addClass('divOver');
},function(){
//鼠标离开时移除divOver样式
$(this).removeClass('divOver');
}
);
});
</script>
</head>
<body>
<div class="divbox">jQuery</div>
</body>
</html>
jquery div highlight with border
最新推荐文章于 2024-08-14 15:45:18 发布