用JS实现网页元素阴影效果的研究总结_javascript技巧

前两天由于一个小项目想为一元素添加一个阴影效果,但是记得看过某高人写的"用Div/CSS模拟阴影效果"文章，现在还有一点印象，其思路很简单，主要是利用几个层的定位偏移来实现的阴影特效，于是偶就想能不能封装成一个js函数，方便在每个html对象上调用．
　　开始偶以为很简单，但实现过程中确遇到了很多问题，其中最严重的就是浏览器的兼容问题，整整耗了偶整个晚上加半个通宵的时间才搞定，汗呢！不过从这个小东西让我对js及一些浏览器之间的差异及解决办法有了更多更深刻的认识．
总结于此，以备以后查看方便！
代码如下：

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> <style type="text/css"> *{ margin:0px; } #msgdiv{ border:1px solid #d3d3d3; text-align:center;font-size:12px; width:150px;line-height:50px; background:#f7f7f7;color:#f00; } .content{ border:1px solid #999; background:#f0f0f0; width:150px;height:50px; } </style> <script type="text/javascript"> function addShadow(){ var obj; if(arguments.length==1){ obj=document.getElementById?document.getElementById(arguments[0]):document.all[arguments[0]]; } else if(arguments.length>1){ for(var i=0;i<arguments.length;i++){ addShadow(arguments[i]); } }else{ return false; } if(!obj) return false; //娴</script>