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

时间:2022-03-08 10:46:34
【文件属性】:

文件名称:html+js+css实现网页轮播图效果

文件大小:308KB

文件格式:RAR

更新时间:2022-03-08 10:46:34

javascript html css 轮播图

网页轮播图效果: 1.轮播图主要结构,左右箭头,下方小圆点。 2.鼠标经过才显示左右箭头,鼠标离开时隐藏。 3.根据轮播图的图片个数,动态生成小圆点。 4.点击小圆点,滑动到对应图片。 5.点击右箭头,换一张图片,图片往后滑动一次,对应的小圆点要改变样式。 6.点击左箭头,换一张图片,图片往前滑动一次,对应的小圆点要改变样式。 7.图片自动播放。鼠标经过时,停止自动播放,鼠标离开时,恢复自动播放。


【文件预览】:
轮播图案例
----css()
--------carousel.css(1KB)
----images()
--------focus.jpg(106KB)
--------focus3.jpg(59KB)
--------focus1.jpg(99KB)
--------focus2.jpg(82KB)
----index.html(1KB)
----js()
--------carousel.js(5KB)
--------animate.js(665B)

网友评论