php - HTMLでコンテンツを強調表示する方法は?

Question

同じページにリンクを作成しました。このページのコンテンツは下部にあり、アンカー タブは上部にあります。

誰かがトップリンク (ancho) をクリックしたときに、コンテンツ領域を 5 秒間強調表示したいと考えています。

Answer 1

jQuery と Effects-Plugin を見てください。

http://docs.jquery.com/UI/Effects/Highlight

Answer 2

onHashChange をバインドしてから背景色を変更するなど、非常に多くの方法で実行できます。

$(window).bind('hashchange', function(){
    $(".highlight").css("background","#AFA");
    setTimeout(function(){
        $(".highlight").css("background","transparent");
    },5000);
});​

http://jsfiddle.net/X8kBj/1/

Answer 3

使用するdelay()

$('#id-of-anchor').click(function(){

 $("#your-div").css('background','red').delay(5000).css('background','transparent');
 return false;    

});

Answer 4

次のように、コンテンツの各部分に一意の ID を付けます。

<div id="content_1"> ... </div>

次に、jQuery を使用して各リンクのイベントを設定します。

$("div").delegate("#content_1", "click", function() {
  $('div.content_1').effect("highlight", {}, 3000);
});

または、 .on() または .live() を使用することもできますが、アイデアは得られます。