jQuery实现的一个例子，滑动图片自己测试
最近审查的一些基本知识，用jQuery写图片滑动插头，虽然还存在一些问题，使用非常简单，只要目标元件结合slidew（）函数，该函数支持最多的两个输入，分别是宽度和动画的速度变化后的图片。如果不输入，则默认宽度和默认速率。下面是我自己测试的一个例子。
复制代码代码如下所示：
html代码
CSS代码
复制代码代码如下所示：
CSS代码
* { margin: 0px；padding: 0px；列表样式类型：无；}
正文{文本对齐：中心；}
。内容{宽度：590px；保证金：0汽车；文本对齐：左；}
。表{宽度：565px；保证金：0px 9px；边框1px solid # EEE；填充：5px；显示：内联块；溢出：隐藏；}
。liimg {填充：4px；边框1px solid # AAA；边界半径：2px；显示：内联块；*显示：内联；*保证金：0px 3px；背景：# FFF；宽度：汽车；}
2px。imgli { margin: 0px；宽度：125px；身高：300px；显示：内联块；}
。img1 { background: url（图像/ img1 .jpg）没有重复50% 50%；}
。IMG2 {背景：URL（图像/ img2. JPG）没有重复50% 50%；}
。img3 { background: url（图像/ img3 .jpg）没有重复50% 50%；}
。img4 { background: url（图像/ img4 .jpg）没有重复50% 50%；}
JS代码
复制代码代码如下所示：
代码
图片幻灯片效果的jQuery实现
无功zyljq = $（任何）；
Zyljq.fn.extend（{
SlideW：功能（WID，速度）{
/ / WID的设置来设置每小时的宽度和最大宽度。
如果没有设置，将根据绑定元素的宽度设置默认的宽度计算。
速度设置动画的速度，可以是正常的，慢速的，快的，也可以是毫秒级的。
如果未设置，则默认速率正常。
=；这个/所有事件绑定的元素
var elenum = zyljq（这）（尺寸）； / /获取图片的数量
无功curwidth = zyljq（这）（宽度）； / /得到原始宽度的图片
如果（！WID）{
WID = math.round（curwidth * 4 / 5）；
如果没有设置动画/终止条件，默认情况下计算
}
如果（zyljq.trim（速度）= ={）
如果未设置速度，则为默认速率
速度= 正常；
}
如果（！IsNaN（速度））{
如果设置了负变化
速度=速度< 0-speed：速度；
}
最大和最小宽度计算照片
如果（WID > curwidth）{
widmin = math.floor（（elenum * curwidth - WID）/（elenum-1））+PX；
widmax =（（curwidth * elenum）- widmin *（elenum-1））+PX；
其他{ }
widmax = math.floor（（elenum * curwidth -跟*（elenum-1）））+PX；
widmin =，+ PX；
}
/ / console.log（widmax =+ widmax + ；widmin =+ widmin）；
悬停绑定事件
Zyljq（本）。Hover（function（））{
Zyljq（，）停止（）；
Zyljq（本），动画（{宽度：widmax }，速度）；
Zyljq（，），（这）。动画（{宽度：widmin }，速度）；
}函数（）{（）
Zyljq（，）停止（）；
Zyljq（，），动画（{宽度：curwidth }，速度）；
}）；
}
}）；
以下是视图：
原来的效果：
悬停对第二元素的影响：
在这个过程中，我们还回顾了一些常见的问题，如：IE低版本，空白：0自动，不居中，显示：内联块和不支持的问题。可能有很多问题没有注意到，如果你发现问题所在，欢迎你的指导。我们可以一起进步。