WEB开发网
开发学院网页设计JavaScript jquery获得焦点与失去焦点改变文本框背景图的写法... 阅读

jquery获得焦点与失去焦点改变文本框背景图的写法

 2012-11-09 15:42:01 来源:WEB开发网   
核心提示: <script type="text/javascript">$(function () {//文本框样式切换 $(".username").focus(function () {$(this).removeClass("usernamefocus&quo

 <script type="text/javascript">
$(function () {
//文本框样式切换
$(".username").focus(function () {
$(this).removeClass("usernamefocus").addClass("username");
}).blur(function () {
$(this).removeClass("username").addClass("usernamefocus");
});
$(".password").focus(function () {
$(this).removeClass("password").addClass("passwordfocus");
}).blur(function () {
$(this).removeClass("passwordfocus").addClass("password");
});
//按钮样式切换
$(".button_one").hover(
function () {
$(this).removeClass("button_one").addClass("button_two");
},
function () {
$(this).removeClass("button_two").addClass("button_one");
}
);
$(".button_two").hover(
function () {
$(this).removeClass("button_one").addClass("button_two");
},
function () {
$(this).removeClass("button_two").addClass("button_one");
}
);
});
</script>

Tags:jquery 获得 焦点

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接