jquery-mobile - jQuery移动高亮效果

Question

我希望将 jquery ui 之类的突出显示效果应用于元素，但我使用的是 jquery mobile。 jquery mobile 中是否有内置的东西可以让我做到这一点，而无需引用任何 jquery ui 内容？

谢谢

Answer 1

这样的东西有用吗？

注意:这可能会影响哈希导航，但都是 CSS

• http://jsfiddle.net/MEzAU/

CSS

:target {
    -webkit-animation: target-fade 3s 1;
    -moz-animation: target-fade 3s 1;
}

@-webkit-keyframes target-fade {
    0% { background-color: rgba(0,0,0,.1); }
    100% { background-color: rgba(0,0,0,0); }
}
@-moz-keyframes target-fade {
    0% { background-color: rgba(0,0,0,.1); }
    100% { background-color: rgba(0,0,0,0); }
}

HTML

<a href="#1">Link 1</a>
<a href="#2">Link 2</a>
<a href="#3">Link 3</a>
<p id="1">Paragraph 1</p>
<p id="2">Paragraph 2</p>
<p id="3">Paragraph 3</p>

链接引用:

• http://snook.ca/archives/html_and_css/yellow-fade-technique-css-animations