用jquery选择器触发css悬停效果？

试图添加一个“微光”效果的标志。使用css解决了这个问题，但希望使用JSInterval和jquery选择器每隔10秒左右添加一次效果。我可以触发：悬停效果吗？到目前为止，我还没想好。有什么帮助吗

W

var shimmer=$（'.shimmer'），
c=0；
函数循环（）{
shimmer.removeClass（'shimmer-hover'）.eq（c++%shimmer.length）.addClass（'shimmer-hover'）；
}
loop（）；
设置间隔（循环，10000）；
收割台img{
宽度：99%！重要；
身高：99%！重要；
}
.微光{
显示：块；
位置：相对位置；
溢出：隐藏；
边界：0px；
}
.微光.微光效果{
位置：绝对位置；
前-110%；
左-210%；
宽度：200%；
身高：200%；
不透明度：0；
边界：0px；
背景：rgba（255，255，255，0.2）；
背景：-moz线性梯度（左，rgba（255，255，255，0.1）0%，rgba（255，255，255，255，0.1）75%，rgba（255，255，255，0.5）90%，rgba（255，255，255，0.0）100%）；
背景：-webkit线性梯度（顶部，rgba（255，255，255，0.1）0%，rgba（255，255，255，255，0.1）75%，rgba（255，255，255，0.5）90%，rgba（255，255，255，0.0）100%）；
背景：-webkit渐变（线性，左上，右上，颜色停止（0%，rgba（255，255，255，0.2）），颜色停止（75%，rgba（255，255，255，0.2）），颜色停止（90%，rgba（255，255，255，0.8）），颜色停止（100%，rgba（255，255，255，0.0））；
背景：-o-线性梯度（顶部，rgba（255，255，255，0.1）0%，rgba（255，255，255，0.1）75%，rgba（255，255，255，0.5）90%，rgba（255，255，255，0.0）100%）；
背景：-ms线性梯度（顶部，rgba（255，255，255，0.1）0%，rgba（255，255，255，0.1）75%，rgba（255，255，255，0.5）90%，6 rgba（255，255，255，0.0）100%）；
背景：线性梯度（顶部，rgba（255，255，255，0.1）0%，rgba（255，255，255，0.1）75%，rgba（255，255，255，0.5）90%，rgba（255，255，255，0.0）100%）；
-webkit变换：旋转（30度）；
-moz变换：旋转（30度）；
-ms变换：旋转（30度）；
-o变换：旋转（30度）；
变换：旋转（30度）；
-webkit转换属性：左、上、不透明度；
-moz过渡属性：左、上、不透明度；
-ms过渡属性：左、上、不透明度；
-o-过渡属性：左、上、不透明度；
过渡属性：左、上、不透明度；
-webkit转换持续时间：0.5s、0.5s、0.1s；
-moz转换持续时间：0.5s、0.5s、0.1s；
-ms转换持续时间：0.5s、0.5s、0.1s；
-o-过渡持续时间：0.5s、0.5s、0.1s；
过渡时间：0.5s、0.5s、0.1s；
-webkit过渡计时功能：轻松；
-moz过渡计时功能：轻松；
-ms转换定时功能：易用；
-o-转换-定时-功能：轻松；
过渡时间功能：轻松；
}
/*悬停状态-触发效应*/
.微光：悬停。微光效果{
不透明度：1；
前-30%；
左-30%；
边界：0px；
}
/*活动状态*/
.微光：激活。微光效果{
不透明度：0；
边界：0px；
}
/*模拟悬停状态*/
.微光悬停.微光效果悬停{
不透明度：1；
前-30%；
左-30%；
边界：0px；
}

为什么不使用jQuery添加悬停事件？在fiddle.sry中加载

jQuery cdn

，没有注意到。jquery加载@Pratik Joshi-我不懂。我确实尝试通过选择id和使用触发器来添加它，但没有成功。

 var shimmer = $('.shimmer'),
    c = 0;

function loop() {
    shimmer.removeClass('shimmer-hover').eq(c++ % shimmer.length).addClass('shimmer-hover');
}
loop();
setInterval(loop, 10000);

    header img {
    width:99% !important;
    height:99% !important;
}
.shimmer {
    display: block;
    position: relative;
    overflow: hidden;
    border:0px;
}
.shimmer .shimmer-effect {
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    border:0px;
    background: rgba(255, 255, 255, 0.2);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0.0) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0.0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0.2)), color-stop(90%, rgba(255, 255, 255, 0.8)), color-stop(100%, rgba(255, 255, 255, 0.0)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0.0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.5) 90%, 6 rgba(255, 255, 255, 0.0) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0.0) 100%);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transition-property: left, top, opacity;
    -moz-transition-property: left, top, opacity;
    -ms-transition-property: left, top, opacity;
    -o-transition-property: left, top, opacity;
    transition-property: left, top, opacity;
    -webkit-transition-duration: 0.5s, 0.5s, 0.1s;
    -moz-transition-duration: 0.5s, 0.5s, 0.1s;
    -ms-transition-duration: 0.5s, 0.5s, 0.1s;
    -o-transition-duration: 0.5s, 0.5s, 0.1s;
    transition-duration: 0.5s, 0.5s, 0.1s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
/* Hover state - trigger effect */
 .shimmer:hover .shimmer-effect {
    opacity: 1;
    top: -30%;
    left: -30%;
    border:0px;
}
/* Active state */
 .shimmer:active .shimmer-effect {
    opacity: 0;
    border:0px;
}
/* sim hover state */
 .shimmer-hover .shimmer-effect-hover {
    opacity: 1;
    top: -30%;
    left: -30%;
    border:0px;
}

    <div class="content-header"> <a class="shimmer" id="shimmer" href="javascript:;"><span class="shimmer-effect"></span><img id="header" src="http://designstexas.com/logo.jpg" width="692" height="162" alt=""></a> 
</div>