![](https://cos-cdn.shuashuati.com/pipixue-web/2020-1231-2005-12/ti_inject-812ce.png)
请下载附件制作广告图片轮播切换效果 (选做) 训练要点 1、使用jQuery对象的单击事件方法和鼠标移进移出的事件方法 2、使用show( )和hide( )实现网页元素的显示和隐藏 3、使用css( )方法设置网页元素的背景图像 4、使用数组保存网页中图片 需求说明 1、 制作广告图片轮播切换效果,默认第1个数字背景颜色为橙色,其他背景为#333333,数字颜色为白色 2、鼠标移至图片上出现左右箭头,鼠标移出图片时,左右箭头消失 3、单击左箭头时,显示上一个/下一个图片,当前数字背景为橙色,其他数字背景为#333333, 第一个/最后一个图片显示时,单击箭头时弹出提示 实现思路 1、使用mouseover( )、 mouseout( )方法和show( )和hide( )方法实现左右箭头的显示和隐藏 2、使用jQuery对象的click( )方法和css( ),实现单击箭头轮播图片和数字背景颜色变化 3、使用siblings( )方法获取当前元素的兄弟元素,设置数字的背景颜色 $("li:nth-of-type("+i+")").siblings().css("background","#333333"); 附件: 作业4:制作轮播切换效果.rar