支付宝关于界面制作

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

jQuery slide show plugin

Author : lovecicy

car

在W3Cfuns论坛发现了一个很好的jQuery幻灯片效果插件, 到官网看了下,发现真的很不错,总共有38个图片切换效果,支持暂停,显示条,支持全屏,导航条支持图片预览,甚至可以在官网配置你要的效果,然后直接帮你生成代码供你使用,感觉老外写的东西真的太好了。 官网地址:http://thiagosf.net/projects/jquery/skitter/

standard

创建jquery插件的建议

Author : lovecicy

jQuery很强大,除了自身的api优秀好用之外,大批优秀的插件也是jQuery受欢迎的原因。 之前用过一个jQuery插件叫tokeninput,类似于autocomplete的一个插件,挺好用的,项目部署在github上,直接把源代码下载下来,因为遵循MIT协议,所以允许商业使用。因为项目需求,所以需要自己修改插件,所以硬着头皮看完了代码,1000多行,应该不算多吧。看完之后,觉得有些代码设计真的很巧妙,看几遍源码,也能学习不少知识。 最近,自己也在鼓捣一个插件,发现写的很丑,结构很是差啊,而且还是在看了tokeninput的源码之后。越到后来越发现自己的插件扩展性差,使用场所有很多限制,所以打算学习下怎么重构代码,使代码结构更合理。于是在网上搜了搜,果然一大堆,最后觉得这篇文章写的还不错,转发一篇,当做笔记。   原文: 在开发过很多 jQuery 插件以后,我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以 copy & paste 大部分的代码结构,只要专注最主要的逻辑代码就行了。 使用相同的设计模式和架构也让修复bug或者二次开发更[Read More]

standard

awnsome javascript plugins

Author : lovecicy

This days, iam working on a JavaScript project,the main function is make a page to share something through email, so I need to learn the logic from gmail, outlook, or yahoo mail. The major difficult is the receiver input box, I need to get address book from backend and search from the address book as the user type in any char. On github, I found a good jQuery plugin named tokenInput,it can search and show results in drop down list when you are typing, and can send all the selected items to backe[Read More]

standard