javascript - 输入聚焦/模糊背景位置？

Question

我有一个带类的输入字段。在焦点上，背景图像位置会发生变化。但是我需要在对焦后回到位置。

有什么办法吗？可能有一些js？

的CSS

.login-day{width: 68px; height:48px; line-height: 48px; background: url(/assets/templates/img/dd.jpg) 0 0 no-repeat transparent;}

.login-day:focus{background-position: -68px 0;}

.login-day:focus-out???{background-position: 0 0;}

html

<input class="login-day" type="text" name="date" />

小提琴：http: //jsfiddle.net/fourroses666/9Q6nN/1/

---

已解决：http: //jsfiddle.net/fourroses666/9Q6nN/4/

Answer 1

要再次将位置重置为前一个位置，请使用悬停而不是焦点。尝试这个

.login-day{width: 68px; height:48px; line-height: 48px; background: url(/assets/templates/img/dd.jpg) 0 0 no-repeat transparent;background-position: 0 0;}

.login-day:hover{background-position: -68px 0;}

通过 jquery 也可以

<input class="login-day" type="text" name="date" onfocus="$('.login-day').css('background-position','-68px 0px');" onblur="$('.login-day').css('background-position','0px 0px');" >