手风琴的网页 第一篇 纵然万劫不复，纵然相思入骨 我也待你眉眼如初，岁月如故 纵然万劫不复，纵然相思入骨 我也待你眉眼如初，岁月如故 第二篇 纵然万劫不复，纵然相思入骨 我也待你眉眼如初，岁月如故 纵然万劫不复，纵然相思入骨 我也待你眉眼如初，岁月如故 第三篇 纵然万劫不复，纵然相思入骨 我也待你眉 ...
分类：
Web程序 时间：
2017-04-24 12:32:13
阅读次数：
170
之前在慕课网上有练习手风琴效果，但是老师使用jquery简简单单的两三行实现了，今天自己用js练习一下效果 js代码： 这样就能实现手风琴效果了，但是还有一点点bug，因为li初始化的时候宽度是100px，当鼠标移入li时，li会变为700px，但是鼠标移开时不会按700px的宽度，仍然以100px ...
分类：
Web程序 时间：
2017-04-08 19:30:40
阅读次数：
229
最近看到我看的教学视频有不少手风琴效果，我也试着写一下，当做练习。 明天我放假，就要去找工作，不知道，我的前端之路，能不能正式开始。 菜鸟起飞的机会都没有，那就尴尬了. 纯属练习： 效果如图： html: css: jquery: ...
分类：
Web程序 时间：
2017-04-05 00:59:46
阅读次数：
217
首页新品推荐的布局效果如下图： 这块布局是使用LinearLayout和GridView去实现，新建recommend_item.xml，代码如下所示： 继续在HomeFragmentAdapter类中去添加推荐的ViewHolder，在onCreateViewHolder()方法中创建Recomm ...
分类：
移动开发 时间：
2017-03-27 00:23:07
阅读次数：
1503
此处代码为了实现手风琴效果，效果实现为，鼠标移动每一个组件上，背景（并不是真的背景）也会移动到当前组件上，鼠标离开后，再回到起始位置点，若点击，停留在当前位置。此单航是响应式的，设置最小宽度为400px,可根据自己情况调节。效果图如下 html代码如下：关于布局，不多说。唯一注意点是span需要放在 ...
分类：
其他好文 时间：
2017-03-09 13:42:11
阅读次数：
182
功能描述： 鼠标移到每一个图片上，显示当前图片，其余图片变成宽度为原来的6%，同时图片透明度为1，0.5s后显示图片说明。鼠标移除后，每张照片宽度变为16%的宽度。其中图片说明，没有设计样式，有兴趣的可以自己动手。 html代码： 样式： ...
分类：
其他好文 时间：
2017-03-08 22:24:32
阅读次数：
194
关键技术点和原理： 原理就是把 checkbox或 radio 给隐藏掉 ，然后给选框 绑定一个label标签。 然后用label标签作为容器，在里面放一个：before或一个after 用before模拟选框的框，用after来模拟选框的填充 通过 来确定是否选中复选框，如果checked就把af ...
分类：
Web程序 时间：
2017-01-28 21:18:16
阅读次数：
314
使用JS写出 图片的手风琴效果 第一种：浮动版本的手风琴效果，并不推荐，因为会使图片出现抖动的现象 样式则是div中包含ul 第二种：定位版本，相对较稳定 ...
分类：
Web程序 时间：
2017-01-13 01:13:19
阅读次数：
211
