jQuery+Background+Animation背景过渡插件

来源:https://www.sucaihuo.com/js/305.html 2015-08-20 23:29浏览(830) 收藏

本文演示了点击不同输入框,出现不同的背景色。
jQuery+Background+Animation背景过渡插件
分类:其它特效 > jQuery插件 难易:初级
查看演示 下载资源: 90 下载资源 下载积分: 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", "");
});
评论2
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

  • 头像 椅子
    07-13 12:33
    S***r
  • 头像 沙发
    07-10 21:30
    j***o
    看得眼花
1 2