web前端
文章平均质量分 80
都羡一骑红尘妃子笑
这个作者很懒,什么都没留下…
展开
-
纯JS轮播图,左右箭头/轮播点,自动+自适应屏幕+手机触屏滑动
1、本文使用js+jquery实现轮播图,需要引用jquery包,两种实现分别是animate实现自适应的轮播,以及transform平滑轮播(在注释代码中)。2、代码中的图片大家自己更换就可以了,样式和逻辑均写在js里。3、html标签代码,js代码原创 2017-06-17 23:40:55 · 7941 阅读 · 1 评论 -
纯css实现多级折叠菜单,折叠树
1、参考自csdn,(http://blog.csdn.net/woshisap/article/details/6679977)为了适应项目,精简其样式并稍作修改,记录在博客里。2、运用checkbox的checked值来判断下级栏目是否展开,CSS3的选择器中提供了:checked 这个伪类,这个伪类提供我们,当元素拥有checked这个值的时候就执行你的CSS。当有子菜单时,菜单项右原创 2017-06-27 17:31:56 · 4744 阅读 · 0 评论 -
导航栏置顶
1、实现顶部和侧边导航吸顶,侧边导航在footer接触导航底部时被上顶。2、效果图3、代码段 顶部导航 顶部导航 顶部导航 顶部导航 顶部导航原创 2017-07-06 17:38:38 · 1475 阅读 · 0 评论 -
ul中内容单行显示,超出隐藏
1、效果图2、代码段 搜索内容 搜索内容 搜索内容原创 2017-07-06 17:52:05 · 1932 阅读 · 0 评论 -
react/vue两种实现,数据绑定实现文本框中的文字样式改变
1、实现在input中输入内容,textarea显示对应文本,在大小和颜色框中输入数据,textarea内容对应样式改变。2、react 需要引用三个包: vue需要引用一个包: 大家可以在官网上下载这些引用。3、react实现代码: body{ background-color: #eee; }原创 2017-06-17 23:56:55 · 5215 阅读 · 0 评论 -
react/vue两种实现星级评分效果
1、效果图2、react代码片段empty rating_react *{ margin: 0; padding: 0 } ul{ list-style: none; height: 1em; color: gray; overflow: hidden; font-size: 18px; } li{原创 2017-06-25 01:11:32 · 5477 阅读 · 0 评论 -
windows/mac 使用webpack构建vue项目
一、mac环境和windows最大的区别是,windows需要配置环境,有很多坑,基本上node和npm装好了,搭建vue时两者没有很大区别。二、node.js的配置A、windwos下1、去官网下载,https://nodejs.org/en/点击打开链接;2、安装直接next,在custom setup时,选择npm package manager;3、安装原创 2017-07-03 15:59:14 · 2656 阅读 · 0 评论 -
[vue] todoList,待办项列表实现
直接上图吧!然后上代码啦!原创 2017-07-21 17:09:51 · 2063 阅读 · 0 评论