- 博客(3)
- 收藏
- 关注
转载 Aniamtion加载动画
css新增样式Animation的运用 希望可以通过这个案例加深对Animation以及Transform 两大api的认识 效果图如下: 在这里需要注意的是:理应通过发送服务器请求来获取图片,从而达到这种动态加载的效果 通过node和ajax 但本文采取了另一种本地动态加载的办法来展现:即 通过本地获取图片路径,利用图片的onload方...
2019-09-01 23:04:00
133
转载 jQuery实现轮播图
本篇文章主要讲述通过jQuery来定义轮播图 相对原生js来说代码量减少了很多 得益于jQuery强大的选择器 下一篇文章将通过原生js对轮播图进行解析 功能说明: 1. 点击向右(左)的图标, 平滑切换到下(上)一页 2. 无限循环切换: 第一页的上一页为最后页, 最后一页的下一页是第一页 3. 每隔3s自动滑动到下一页 4. 当鼠标进入图片区域时, 自动切换停止, 当...
2019-08-13 12:26:00
152
转载 扇形导航 css3
本篇文章将通过对css3中的2d变化以及过渡进行分析设计 先放上最终效果图 功能实现:1.给扇形home元素设置点击事件并添加2d旋转 2.给导航栏设置2d旋转 并通过三角函数计算出各个导航位置 3.设置导航单击事件 并添加过渡结束事件transitonend 完成点击放大并恢复的动画 注 意:tran...
2019-08-12 11:24:00
227
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人