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。