支付宝关于界面制作

Author : lovecicy

alipay about

之前闲来无事,看到支付宝的关于页面,页面挺简单的,就看了看他的页面代码,学习学习。

最后制作了一张简单的页面,中间的slide是用flash做的,模仿不了,就自己用js代码实现了左右滚动。用到js的地方只有两个,一个是slide,另一个是右上角的导航。

页面主要分为四个部分,第一部分是导航,中间是最重要的slide,下面是简介和footer。

实现slide功能的js用jQuery写了一个小插件,模仿的是jQuery.tokeninput插件的结构,有几个地方hard code了,需要再修改一下,欢迎各位js高手提出批评。

实现页面地址:http://lovecicy.com/alipay/about.html

支付宝关于页面:http://ab.alipay.com/i/index.htm

standard

Have your say