封校后终于回家咯给即将中考的弟弟加油鼓劲,下午还和涛哥约会但是时间太短了。继续学习吧
许个愿,让我中奖让我中奖让我中奖
常见网页特效案例
案例:网页轮播图(必须掌握)
轮播图装的图片和外面盒子一样大小,就让外面盒子的ul改宽一些
能够保证小li 都一行显示 等轮播图做完后再隐藏后面的图片
下面文字较繁琐,浅看一下
轮播图也称为焦点图,是网页中比较常见的网页特效
功能需求:
-
鼠标经过轮播图,左右按钮显示,鼠标离开隐藏左右按钮
-
因为JS比较多,单独新建js文件夹,再新建js文件,引入页面中
-
此时需要添加 load 事件
-
显示隐藏display按钮
-
点击右侧按钮一次,图片往左播放一张,以此类推,左侧按钮同理
-
动态生成小圆圈
-
核心思路:小圆圈的个数要跟图片张数一致
-
所以首先先得到ul里面图片的张数(图片放入li 里面,所以就是li的个数)
得到几张图片 小圆圈就自动生成几个
-
利用循环动态生成小圆圈(这个圆圈要放入ol里面)
-
创建节点createElement('li')
-
插入节点ol.appendChild(li)
-
第一个小