jQueryモバイルハイライトエフェクト

私は要素にハイライト効果のようなjquery UIを適用しようとしていますが、私はjquery mobileを使用しています。 jqueryのようなものは何も参照せずに、jquery mobileに組み込まれていることはありますか?

ありがとう

2
私はjQMがこのようなものを提供しているとは思わない。これはあなたが参照しているものですか? docs.jquery.com/UI/Effects/Highlight 詳細につきましてあなたは何を達成しようとしていますか?
追加された 著者 Phill Pafford,
はい(docs.jquery.com/UI/Effects/Highlight)は私が参照しているものです。
追加された 著者 G-Man,

2 答え

この作品のようなものはありますか?

注:これはハッシュナビゲーションに影響するかもしれませんが、すべてCSSです

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

Link 1
Link 2
Link 3

Paragraph 1


Paragraph 2


Paragraph 3

リンク参照:

2
追加された
とってもとっても素敵!
追加された 著者 G-Man,

You could also try this yellow fade technique solution: http://jsfiddle.net/xb8Km/

jQuery Mobile ajax hrefsを妨害する可能性のあるアンカーhrefs用に構築されたtarget:を使用する必要がないため、素晴らしいソリューションです。 jQuery Mobile用に設計されていないjQuery UIの.effect関数も必要ありません。

<div class="yft">
    <div class="content">This is some content</div>
    <div class="yft_fade"> </div>
</div>

<script>
  $(document).ready(function() {
    $(".yft").click(function() {
        $(this).find(".yft_fade").show().fadeOut();
    });
  });
</script>


1
追加された
このコードは、テキストの後ろに配置された黄色のdivコンテナをフェードアウトします。
追加された 著者 tfmontague,