我在同一页面上创建了链接。此页面的内容位于底部,锚选项卡位于顶部。
当有人点击顶部链接(ancho)时,我想突出显示内容区域 5 秒钟。
看看 jQuery 和 Effects-Plugin。
您可以通过多种方式进行操作,例如绑定 onHashChange 然后更改背景颜色:
$(window).bind('hashchange', function(){
$(".highlight").css("background","#AFA");
setTimeout(function(){
$(".highlight").css("background","transparent");
},5000);
});
利用delay()
$('#id-of-anchor').click(function(){
$("#your-div").css('background','red').delay(5000).css('background','transparent');
return false;
});
给每条内容一个唯一的id,如下:
<div id="content_1"> ... </div>
然后使用 jQuery 为每个链接设置事件:
$("div").delegate("#content_1", "click", function() {
$('div.content_1').effect("highlight", {}, 3000);
});
或者你可以使用 .on() 或 .live() 但你明白了。