如何用JS给网页的一个DIV添加一个阴影,使鼠标移入的时候阴影出现鼠标移出的时候阴影消失
如何用JS给网页的一个DIV添加一个阴影,使鼠标移入的时候阴影出现鼠标移出的时候阴影消失,而不破坏布局,最好还可以在阴影里面添加一些文字。(如图橙色为阴影部分)急!急!急...
如何用JS给网页的一个DIV添加一个阴影,使鼠标移入的时候阴影出现鼠标移出的时候阴影消失,而不破坏布局,最好还可以在阴影里面添加一些文字。(如图橙色为阴影部分)急!急!急!江湖救急!!!
展开
展开全部
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<title>文哥讨厌IE</title>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
.box-shadow{
box-shadow: 10px 10px 10px 10px red;
}
.obj{
border-radius:100px;
width:100px;
height:100px;
margin:50px auto;
background:#eee;
}
</style>
</head>
<body>
<div class="obj" ></div>
<script type="text/javascript">
$(document).ready(function(){
$(".obj").mouseover(function(){
$(".obj").addClass("box-shadow");
});
$(".obj").mouseout(function(){
$(".obj").removeClass("box-shadow");
});
});
</script>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询