Javascript 使用jQuery提供阴影效果

我想使用jQuery提供覆盖和阴影效果。我在使用它时遇到困难

阴影部分：

<script type="text/javascript">
    $(function(){
       $("#exampleDiv").shadow({
           width:5, 
           startOpacity:60, 
           endOpacity:10, 
           cornerHeight:8, 
           color:"#000000"
       });
    })
</script>

$（函数（）{
$（“#示例div”）.shadow({
宽度：5，
startocapity:60，
人口：10，
转弯高度：8，
颜色：“000000”
});
})

---

这是用于覆盖部分的：

您不需要阴影插件。使用以下跨浏览器阴影CSS属性并将它们放入类名

.shadow

。然后使用jquery的

addClass（）

函数，您可以将shadow类添加到您想要有阴影的任何元素中

CSS

.shadow{
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 135, Color = '#cccccc');
}

jQuery

$('div').addClass('shadow');

上面的jQuery选择器将阴影应用于div元素。类似地，您可以将相同的shadow类应用于希望有阴影的任何元素。您可以根据需要调整阴影CSS属性

---

检查工作示例：您是否尝试过Jquery插件？请更具体一些。你在使用插件吗？你指的是模态窗口效果吗？你有哪些困难？