点击 /划过按钮，图片左右切换轮播效果代码最后做成的效果：随着鼠标点击下面的 1-5 个按钮，上面的大图会进行左右自动切换。Html 部分：图片左右切换效果制作12 345Css 部分：*margin:0px;padding:0pxlilist-style:noneimgborder:0px.bannerwidth:550px;height:368px;margin:100px auto 10px auto;overflow:hidden.banner ulwidth:9999px.banner ul liwidth:550px;height:368px;float:left.anniuwidth:100px;height:16px;margin:0px auto.anniu ulwidth:100px;height:16px.anniu ul liwidth:16px;height:16px;text-align:center;line-height:16px;background:red;color:white;cursor:pointer;float:left;margin-left:2px;display:inline.anniu ul li.onbackground:blackJs 部分：$(function()$(.anniu ul li).click(function()$(this).addClass(on).siblings().removeClass(on);$(.banner ul).animate(marginLeft:-550*$(this).index(),slow)#使用方法#：按照正常的网页制作流程，在本地新建站点文件夹，将以上代码分别放入对应的文件夹中即可看到效果。 （代码可复制） 。更多 web 前端开发及网页制作技术尽在本文库，欢迎持续关注！