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 查看脚本的源代码，您可以看到它们正在为背景图像设置动画。图像是多色的，并且比显示屏更宽。他们正在改变图像的位置，给人一种颜色正在褪色的错觉。
这是他们正在使用的图像。