摘要: 实现步骤: 1、创建对应切换div 关键:自定义属性“bs”,方便匹配 2、创建自定义class 使div能够对应切换颜色 3、实现对应div显示后,对应的下方导航div切换颜色 4、实现上一页下一页跳转 上一页 下一页 关键:利用自定义的数字属性,字符串拼接找到对应的div,从而达到同步的效果 实 阅读全文
posted @ 2018-07-08 15:55 落雨无晴 阅读(320) 评论(0) 推荐(0) 编辑
摘要: animation 属性 动画属性: 1、animation-name:规定需要绑定到选择器的 keyframe 名称。 2、animation-duration:规定完成动画所花费的时间,以秒或毫秒计。 3、animation-timing-function:规定动画的速度曲线。 4、animat 阅读全文
posted @ 2018-07-08 15:34 落雨无晴 阅读(341) 评论(0) 推荐(0) 编辑
摘要: 实例: 1、filter filter滤镜: 常用: 1、blur(px)高斯模糊 2、brightness(%)设置亮度 0%(全黑)——100%(正常)——>100%(加亮) 3、contrast(%)设置对比度 0%(全黑)——100%(正常)——>100%(对比度降低) 4、drop-sha 阅读全文
posted @ 2018-07-08 15:18 落雨无晴 阅读(233) 评论(0) 推荐(0) 编辑
摘要: 定义: animate() 方法执行 CSS 属性集的自定义动画。 1、该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。 2、只有数字值可创建动画(比如 "margin:30px")。字符串值无法创建动画(比如 "background-colo 阅读全文
posted @ 2018-07-08 14:53 落雨无晴 阅读(412) 评论(0) 推荐(0) 编辑
摘要: 整体思路 通过一个变量来获取到对应的元素并对其进行赋予class属性,从而使轮播标识与轮播动画相匹配 一、css中创建一个class: 二、源代码创建: 三、创建定时器和轮播路径 四、开始轮播事件 五、完善效果 要点: 1、toggleClass()方法: 对设置或移除被选元素的一个或多个类进行切换 阅读全文
posted @ 2018-07-08 14:19 落雨无晴 阅读(189) 评论(0) 推荐(0) 编辑