传统界面的布局方式总是行列分明、坐落有序的,这种布局已是司空见惯,在不知不觉中大家都已经对它产生了审美疲劳。这个时候瀑布流布局的出现,就给人带来了耳目一新的感觉,这种布局虽然看上去貌似毫无规律,但是却...
分类:
移动开发 时间:
2016-10-19 09:57:57
阅读次数:
286
瀑布流布局学习 特点:等宽不等高。 实现方式:Javascript/Jquery/CSS3多栏布局。 样例网站:花瓣网-->分类(http://huaban.com/) 一、JS实现瀑布流 index.html:页面结构 View Code layout.css:页面元素样式 View Code w ...
分类:
其他好文 时间:
2016-10-14 16:53:18
阅读次数:
157
一、JS实现瀑布流 index.html:写死页面的img数据块 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>瀑布流布局</title> 6 <link rel="stylesheet ...
分类:
其他好文 时间:
2016-10-13 21:35:28
阅读次数:
180
今天在做布局的时候,用到了绝对定位, 父级元素相对定位,子元素两个,一个元素正常文档流布局并且在前面,另一个元素绝对定位排在后面,但设置了好久,绝对定位的子元素都不会覆盖其上面的兄弟元素,最后,不知怎么的,设置了一个left 值,绝对定位元素就上去了,覆盖到了上面的兄弟元素。这时终于下决心研究一下, ...
分类:
其他好文 时间:
2016-09-29 13:34:05
阅读次数:
170
JQ实现瀑布流图片定位 1、jQuery是继prototype之后又一个优秀的Javascript框架 2、$(window).width() 浏览器视窗的宽度 outerWidth() = padding+border+width; width() = width/*在jQuery中,width( ...
分类:
Web程序 时间:
2016-09-20 19:42:29
阅读次数:
196
part1. 人生中第一个项目:名家访谈 (http://acts.qidian.com/2016/5646853/mjft.html)。 做完看似天衣无缝实则漏洞百出,用张老师的话说的话, 网页布局三大忌讳:浮动!图片! 宽度!最好的布局方式是流布局,这样随着屏幕的缩放,页面也能跟着相应地变化~ ...
分类:
其他好文 时间:
2016-09-18 11:36:20
阅读次数:
139
摘要 UICollectionView是比UITableView更加复杂的UI控件,通过它可以实现许多复杂的流布局。但对我们来说,系统提供的接口十分简单易用,并且有十分强的制定性。 iOS流布局UICollectionView系列一——初识与简单使用UICollectionView 一、简介 UIC ...
分类:
其他好文 时间:
2016-09-12 12:16:23
阅读次数:
220
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>waterfall</title> <link rel="stylesheet" href="style.css"> <script src="script.js"></scr ...
分类:
其他好文 时间:
2016-09-02 15:50:58
阅读次数:
226
项目中做了一套电商的购物流程,很多都是照着淘宝做的,之前一直疑惑淘宝的弹框
时,底部的控制器向内凹陷是什么鬼,这动画有点理解不了,一直就放着没有做,这周
末突然在github上看到一个老外写的库,...
分类:
移动开发 时间:
2016-08-25 21:41:35
阅读次数:
383