摘要: 在熟悉了插件开发的结构以后,自己尝试着做了一个稍微复杂一点的小功能:图片轮播插件。由于之前使用的一款图片轮播插件,性能不高,页面加载的时候需要载入全部的图片,因此速度很慢。通过自己做这个小插件,能控制一下图片的加载,每次只加载一张图片。当然翻转的特效肯定没有人家的绚丽。之前尝试了在div中内嵌img标签的方式,但是左右两侧的翻页按钮不容易摆放,于是采用了3个div的方式,最外面一个大的div,背景图片为照片图片,其中左右各两个小div,放翻页按钮。由于开始的时候需要频繁调样式,因此大div中的代码都是写死的,等到调试成功后,再放到js里去append。参数中定义了需要展示的照片列表和div的宽 阅读全文
posted @ 2013-10-16 18:11 旋转木马的IT小窝 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 工作之余,对Jquery插件做了一点尝试,想着之前总用别人写的插件,自己要是也写一个用岂不是很cool。于是说干就干,动手开始写。首先是模仿,从一个简单的功能进行入手,了解一下插件开发的流程和结构。第一个尝试是做一个表格的隔行变色插件,相对简单。首先是基本的框架结构:自己的插件要定义在自己的命名空间中,不污染全局的命名空间,因此最外层应该是这样的结构:(function ($) {})(jQuery);由于这种类型的插件是建立在对已有元素的功能扩展,因此大体格式如下:function ($) { $.fn.fnName = function (options) { ... 阅读全文
posted @ 2013-10-16 17:45 旋转木马的IT小窝 阅读(297) 评论(0) 推荐(0) 编辑

回到顶部