Jquery活动元素

Question

有没有人知道如何处理http://2crossmedia.com/liv-multicolor/的效果，如果你点击文本字段，它被一条变色的线包围。代码说它是jquery。但是如何:)？

非常感谢！

Answer 1

这真的很酷。它使用3个图像：

• http://2crossmedia.com/liv-multicolor/images/input-mask.png
• http://2crossmedia.com/liv-multicolor/images/gradient.png
• http://2crossmedia.com/liv-multicolor/images/input-bg.png

蒙版是半透明的png，在渐变的地方有透明的部分。因此，它们只是在蒙版后面的渐变中淡出。然后他们只需使用超时来平移它。类似于：

<div id="bg"></div>
<div id="gradient"></div>
<div id="front"></div>

#gradient从opacity = 0开始。然后，您可以执行以下操作：$("#gradient").fadeIn()。

Answer 2

如果您使用firebug查看脚本的源代码，您可以看到它们正在对背景图像进行动画处理。图像是多色的，并且比显示屏更宽。他们正在改变图像的位置，以使其产生颜色褪色的错觉。这是他们正在使用的image。