jQuery+Background+Animation背景过渡插件

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

HTML

<label for="bir">Ad</label>
<input type="text" id="bir">
<label for="iki">Soyad</label>
<input type="text" id="iki">
<label for="uc">URL</label>
<input type="text" id="uc">
<div class='background'></div>

jQuery

$("#bir").focusin(function() {
    $('.background').css("background-color", "#ff9800");
});
$("#iki").focusin(function() {
    $('.background').css("background-color", "#03a9f4");
});
$("#uc").focusin(function() {
    $('.background').css("background-color", "#e91e63");
});
$("#bir, #iki, #uc").focusout(function() {
    $('.background').css("background-color", "");
});