html+js+css实现网页轮播图效果

上传者: 43790653 | 上传时间: 2022-06-04 07:40:14 | 文件大小: 308KB | 文件类型: RAR
网页轮播图效果: 1.轮播图主要结构,左右箭头,下方小圆点。 2.鼠标经过才显示左右箭头,鼠标离开时隐藏。 3.根据轮播图的图片个数,动态生成小圆点。 4.点击小圆点,滑动到对应图片。 5.点击右箭头,换一张图片,图片往后滑动一次,对应的小圆点要改变样式。 6.点击左箭头,换一张图片,图片往前滑动一次,对应的小圆点要改变样式。 7.图片自动播放。鼠标经过时,停止自动播放,鼠标离开时,恢复自动播放。

文件下载

资源详情

[{"title":"( 8 个子文件 308KB ) html+js+css实现网页轮播图效果","children":[{"title":"轮播图案例","children":[{"title":"css","children":[{"title":"carousel.css <span style='color:#111;'> 1.44KB </span>","children":null,"spread":false}],"spread":true},{"title":"images","children":[{"title":"focus.jpg <span style='color:#111;'> 106.02KB </span>","children":null,"spread":false},{"title":"focus3.jpg <span style='color:#111;'> 58.68KB </span>","children":null,"spread":false},{"title":"focus1.jpg <span style='color:#111;'> 99.31KB </span>","children":null,"spread":false},{"title":"focus2.jpg <span style='color:#111;'> 81.84KB </span>","children":null,"spread":false}],"spread":true},{"title":"index.html <span style='color:#111;'> 1.00KB </span>","children":null,"spread":false},{"title":"js","children":[{"title":"carousel.js <span style='color:#111;'> 4.55KB </span>","children":null,"spread":false},{"title":"animate.js <span style='color:#111;'> 665B </span>","children":null,"spread":false}],"spread":true}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明