经常使用别人的插件,现在自己写一个,纪念一下。
jquery.banner.js
/*
* banner 0.1
* Copyright (c) 2014 friker http://blog.csdn.net/wujiangwei567
* Date: 2014-09-05
* 使用banner 实现图片定时切换 鼠标经过停止动画
* 鼠标离开,继续动画
*/
;(function($){
$.fn.banner =function(options){
//各种属性和参数
var defaults ={
picWidth:"1000",
picHeight:"300",
speed:"1500"
};
var totalW = 0; //保存总的动画宽度
var timer = null; //保存定时器
var current = 0; //保存当前动画到第N张图,下次从这里开始
var totalNum = 0; //保存总的图数
var Dsqtime = 0; //定义定时器时间 【外传参数】
var Dhtime = 0; //定义动画时间
var count = 0 ;
//合并多个对象为一个,即有新参数 用新的,否则用默认的
var options = $.extend(defaults, options);
this.each(function(){
//实现代码
var __this = $(this);