Javascript 如何使用渐变背景而不是彩色背景突出显示任何div

有谁能告诉我如何调整jQuery的highlight方法（见下文）来突出显示任何带有渐变背景的

div

，而不是纯色背景

$('#myPanel').effect('highlight', {
    color: '#F08F907'
}, 700);

---

或者其他任何让它发生的方法

在css中创建一个类，只需使用

.addClass（）

方法

在纯css中尝试此方法

#渐变{
高度：200px；
背景：-网络工具包线性梯度（#fe8989，#fedc89）；/*用于Safari 5.1到6.0*/
背景：-Opera11.1至12.0的o型线性梯度（#fe8989，#fedc89）；/**/
背景：-Firefox 3.6到15版本的moz线性渐变（#fe8989，#fedc89）；/**/
背景：线性渐变（#fe8989，#fedc89）；/*标准语法（必须是最后一个）*/
}
#梯度1{
高度：200px；
背景：-网络工具包线性梯度（#fe8989，#fedc89，#fe8989）；/*用于Safari 5.1到6.0*/
背景：-o型线性梯度（#fe8989，#fedc89，#fe8989）；/*用于歌剧11.1至12.0*/
背景：-Firefox 3.6到15版本的moz线性渐变（#fe8989，#fedc89，#fe8989）；/**/
背景：线性渐变（#fe8989，#fedc89，#fe8989）；/*标准语法（必须是最后一个）*/
}

就“突出显示”而言，您只能使用纯色。但您的需求可以通过以下代码片段来实现

JS

突出

剧本

<script type="text/javascript">
    $(document).ready(function() {
        //do button click
        $("#button").click(function() {
            //setting linear gradient for the div element
            $(".target").css("background", "linear-gradient(to right, #f6f1d3, #648880, #293f50)");

            //highlighting effect 
            for (i = 0; i < 3; i++) {
                $(".target").fadeTo('slow', 0.5).fadeTo('slow', 1.0);
            }
            //setting the normal color after highlighting 
            setTimeout(function() {
                $(".target").css("background", "#293f50");
            }, 3500);

        });
    });
</script>

$（文档）.ready（函数（）{
//按一下按钮
$（“#按钮”）。单击（函数（）{
//为div元素设置线性渐变
$（.target”）.css（“背景”，“线性渐变（向右，#f6f1d3，#648880，#293f50）”；
//突出显示效果
对于（i=0；i<3；i++）{
美元（“.target”）.fadeTo（'slow'，0.5）。fadeTo（'slow'，1.0）；
}
//设置高亮显示后的正常颜色
setTimeout（函数（）{
$（“.target”）.css（“背景”，“#293f50”）；
}, 3500);
});
});

请让我知道这是否有帮助

谢谢

<script type="text/javascript">
    $(document).ready(function() {
        //do button click
        $("#button").click(function() {
            //setting linear gradient for the div element
            $(".target").css("background", "linear-gradient(to right, #f6f1d3, #648880, #293f50)");

            //highlighting effect 
            for (i = 0; i < 3; i++) {
                $(".target").fadeTo('slow', 0.5).fadeTo('slow', 1.0);
            }
            //setting the normal color after highlighting 
            setTimeout(function() {
                $(".target").css("background", "#293f50");
            }, 3500);

        });
    });
</script>