Javascript 聚焦输出/模糊背景位置的输入？

我有一个类的输入字段。对焦时，bg图像位置发生变化。 但我需要回到专注后的位置

有办法吗？可能有一些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" />

小提琴：

---

已解决：

---

要再次将位置重置为上一个位置，请使用悬停代替焦点。试试这个

.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');" >

谢谢，但这不是我想要的。我见过一些使用模糊/聚焦的js脚本，但我不知道如何实现。除了使用javascript，在输入字段上放置两个函数，检查更新的回答，但需要一些帮助：（我上面更新的答案不是你想要的吗？我已经检查了，请使用这个