突出顯示文本框邊框顏色幾秒鐘？

嗨，我想突出顯示一個文本框邊框顏色幾秒鐘，之後我想將其更改回白色。它也是addClass函數指定時間的一種方法。？任何其他方式與http://jsfiddle.net/RW2s4/7/不工作突出顯示文本框邊框顏色幾秒鐘？

試圖

2012-05-24 Rosh

見爲什麼你的jsfiddle不工作下面的評論。 – Jamiec

您可以使用switchClass，像：

$("#element").switchClass("removeThisClass", "addThisClass", 1000)

演示小提琴：HERE

參考：JQuery Docs

來源

2012-05-24 09:03:28 mattytommo

嘗試http://jsfiddle.net/RW2s4/7/不工作 – Rosh

請嘗試在這裏http://jsfiddle.net/RW2s4/11/你沒有把滴答聲放在左側的JQuery UI框中（在下面jQuery下拉）。你需要這個。此外，由於某些原因，標記中的單擊事件在jsfiddle中不起作用。我已將它移入JavaScript中。試試 – mattytommo

@mattytommo - 標記中的FYI onclick在jsfiddle中可以工作，但如果你的javascrip是'onDomLoad'或'onLoad'，因爲它們被封閉在窗口範圍之外。如果你想要正常的事件（你幾乎從不使用jQuery），選擇'head（no wrap）'。所以修復這個jsfiddle就像滴答jQuery UI並更改下拉列表一樣簡單：http://jsfiddle.net/RW2s4/14/ – Jamiec

這個小腳本添加了類'高亮'兩秒到輸入欄：

$('#text').change(function() { 
    var jElement = $(this); 
    jElement.addClass('highlight'); 
    setTimeout(
     function() { jElement.removeClass('highlight'); }, 
     2000 
    ); 
});

另請參閱this example。

或here您和我的解決方案的組合。

來源

2012-05-24 09:08:10 scessor

[這裏]（http://jsfiddle.net/RW2s4/15/）你和我的解決方案的組合（沒有jQuery UI）。 – scessor

見其中一些間隔之後動畫元素直播Demo

$(function(){ 

    setTimeout(ChangeBorder, 2000); 

    function ChangeBorder() { 
    $(".highlight").css({"border-color":"red"}); 
    } 
});

來源

2012-05-24 09:22:11

檢查jQuery的動畫功能：

演示：上單擊幻燈片http://jsfiddle.net/umSkg/2/

$(document).ready(function(){ 
    var ogColor = $("#inpt").css("border-left-color"); 
    $("#trggr").click(function(){ 
     var inpt = $("#inpt"); 
     var delay = 1000; 
     inpt.animate({ borderColor: "#EAC117" }, delay,function(){ 
     //revert after completing 
     inpt.animate({ borderColor: ogColor }, delay); 
     }); 
    }); 

});

來源

2012-05-24 09:43:10

你嘗試過你的演示嗎？它在FF12中無法恢復（在IE8中工作！） – Jamiec

代碼已更新 –

奇怪的解決方法，border-left-color在FF中工作，但不是邊框顏色。你是對的，雖然...現在的作品！ – Jamiec

突出的div的div

$('.box').click(function() { 
    var jElement = $(this); 
    jElement.addClass('highlight'); 
    setTimeout(
     function() { jElement.removeClass('highlight'); }, 
     500 
    ); 
    //$(window).scrollTop($('.box3').offset().top,100); 
    $("html, body").delay(100).animate({ 
     scrollTop: $('.box2').offset().top 
    }, 2000); 

}); 


    <button>http://jsfiddle.net/tyPct/198/ </button>

來源

2015-07-10 08:01:56

使用效果功能

$('#component').effect("highlight", {color: 'red'}, 2000);

來源

2015-11-03 14:27:12 Diego

突出顯示文本框邊框顏色幾秒鐘？

回答

相關問題