js点击按钮切换-自动切换-点击左右按钮切换特殊效果代码。

今天分享鼠标点击按钮，图片切换+图片自动切换+点击按钮图片切换三个效果的代码组合。

最终结果如下：
HTML代码段：


The effect of making _ picture carousel essays of Zhao Yiming blog


>

CSS代码段：
* { margin: 0px；padding: 0px }
李{列表样式：无}
{文字装饰：无}
img {边界：0px }
。横幅{宽度：350px；身高：495px；保证金：100px汽车；位置：相对；溢出：隐藏}
。旗帜。PIC {宽度：9999px；身高：495px }
。banner.pic李{宽度：350px；身高：495px；浮动：左}
。旗帜。按钮{宽度：100px；身高：16px；位置：绝对；左：165px；顶部：470px }
。banner.anniu李{宽度：16px；身高：16px；背景：白色；浮动：左；保证金：2px；显示：内联；
光标：指针；边框半径：100% }
。banner.anniu里，{红}的背景：
。旗帜。LR {宽度：350px；身高：50px；位置：绝对；顶部：250px；显示：无}
颜色：白色。banner.lr一{ }
。旗帜。LR。预{宽度：20px；身高：50px；浮动：左；背景：没有重复滚动0px 0px RGBA（1, 0, 0、0.6）；0px；
。旗帜。LR。二{宽度：20px；身高：50px；浮动权；背景：没有重复滚动0px 0px RGBA（1, 0, 0、0.6）；0px；
代码段：
$（函数（）{（））
鼠标在横幅上，左键和右键显示和隐藏。
$（）。Hover（函数（）{）
$（）；
}函数（）{（）
$（）。隐藏（）；
}）；
点击小按钮，切换效果图片
$（。按钮里）。Click（function（）{）
$（这）。AddClass（），兄弟姐妹（）。RemoveClass（）；
var（$）；
$（。PIC）。动画（{ marginleft：- 350 *民}，慢）；
}）；
自动图片/旋转木马效果
var a＝0；
无功自动= setInterval（）{（）函数（
++；
a =一% 5；
$（。PIC）。动画（{ marginleft：350 * }，慢）；
$（。按钮里），Eq（一）。AddClass（），兄弟姐妹（）。RemoveClass（）；
}，6000）；
点击左键开关，图片效果
$（）。Click（函数（）{）
一个--；
a =（a + 5）% 5；
$（。PIC）。动画（{ marginleft：350 * }，慢）；
$（。按钮里），Eq（一）。AddClass（），兄弟姐妹（）。RemoveClass（）；
}）；
$（）。Click（函数（）{）
++；
a =一% 5；
$（。PIC）。动画（{ marginleft：350 * }，慢）；
$（。按钮里），Eq（一）。AddClass（），兄弟姐妹（）。RemoveClass（）；
}）；
}）；