08 2016 档案

CSS3 实现简单轮播图
摘要:用css3动画实现图片切换效果,原理还是改变left值。只有最简单的自动播放功能,切换后短时间静止,通过最后的位置克隆第一张图片,实现无缝切换。 html结构 css样式 阅读全文

posted @ 2016-08-30 16:33 橙zz 阅读(19242) 评论(0) 推荐(0)

css3实现switch开关效果
摘要:之前阿里电面的时候问的一个问题,今天抽时间做了个demo。 html结构 css代码,:before负责颜色,:after是那个白色小圆点,切换时的过渡效果用css3的动画实现。 阅读全文

posted @ 2016-08-30 14:15 橙zz 阅读(10393) 评论(3) 推荐(1)

Sass的使用和基础语法
摘要:sass安装 官网下载ruby的 "windows安装包" ,安装时勾选上添加到环境变量add ruby executables to your path。安装完成后打开命令行, 输出内容则安装完成。 添加国内sources,安装sass 其他命令 compass安装 Sass基础语法 "官网文档" 阅读全文

posted @ 2016-08-29 16:05 橙zz 阅读(588) 评论(0) 推荐(0)

Git的安装和使用记录
摘要:Git是目前世界上最先进的分布式版本控制系统(没有之一),只用过集中式版本控制工具的我,今天也要开始学习啦。 "廖雪峰的git教程" 我觉得很详细了,这里记录一下步骤以及我终于学会用Markdown了,真的是好学又好用。 安装Git 下载安装包 "git for windows" ,直接默认选项安装 阅读全文

posted @ 2016-08-27 18:26 橙zz 阅读(287) 评论(0) 推荐(0)

jQuery淡入淡出效果轮播图
摘要:用JavaScript做了平滑切换的焦点轮播图之后,用jQuery写了个简单的淡入淡出的轮播图,代码没有做优化,html结构稍微有一些调整,图片部分用ul替换了之前用的div。 html结构如下: css设置: *{ margin: 0; padding: 0; text-decoration: n 阅读全文

posted @ 2016-08-03 11:33 橙zz 阅读(8192) 评论(4) 推荐(1)

JavaScript焦点轮播图
摘要:在慕课学习了JavaScript焦点轮播图特效,在此做一个整理。 首先是html结构,我用的是本地同文件夹下的三张图片,多出来的第一张(pic3副本)和最后一张图片(pic1副本)是为了实现无缝切换效果。通过设置div容器的left值来实现图片切换时,当轮播到pic3需要切换到pic1时,最后一张图 阅读全文

posted @ 2016-08-03 10:08 橙zz 阅读(1093) 评论(0) 推荐(0)

导航