如何用JS给网页的一个DIV添加一个阴影,使鼠标移入的时候阴影出现鼠标移出的时候阴影消失

如何用JS给网页的一个DIV添加一个阴影,使鼠标移入的时候阴影出现鼠标移出的时候阴影消失,而不破坏布局,最好还可以在阴影里面添加一些文字。(如图橙色为阴影部分)急!急!急... 如何用JS给网页的一个DIV添加一个阴影,使鼠标移入的时候阴影出现鼠标移出的时候阴影消失,而不破坏布局,最好还可以在阴影里面添加一些文字。(如图橙色为阴影部分)急!急!急!江湖救急!!! 展开
 我来答
文哥讨厌IE
推荐于2016-11-08 · TA获得超过278个赞
知道小有建树答主
回答量:245
采纳率:0%
帮助的人:185万
展开全部
     <!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>
1016659068
2015-05-23 · TA获得超过304个赞
知道小有建树答主
回答量:261
采纳率:50%
帮助的人:111万
展开全部
用a:hover你去查查它的用法就行了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式