支付宝缴费交互效果.
听说支付宝已经开通了 上海地区的电信，水电缴费。于是去尝试了一下。
发现这个效果做的不错。
地址如下：https://www.alipay.com/life_helper.htm?agent=EAON0102&defaultTab=1
效果截图：
交互解释：
当用户把鼠标聚焦到 缴费单条形码数字 的文本框上时，右边会有一张图片 指示 着 条形码 在账单中的真实位置。告诉用户 条形码 在账单中的位置， 从而减少了用户的思考。
完成此效果非常容易，只是能想到这样去做，并且把他引入到网站项目中，的确能带来易用性。
交互实现Demo：
http://www.allniu.com/demo/alpay/demo.html
交互实现原理：
首先做2张相同大小的图片，1张是账单图，一张是红色闪动的 动画图。
在网页中先定义好 账单图， 然后当文本框获取焦点时，并且焦点文本框是 缴费单条形码 时，那么就动态插入 红色闪动的 动画图。
他们之间的层次关系，可以通过position来设置。
已有
