// Get the elements with class="column" var elements = document.getElementsByClassName("column"); // Declare a loop variable var i; // Full-width images function one() { for (i = 0; i < elements.length; i++) { elements[i].style.msFlex = "70%"; // IE10 elements[i].style.flex = "70%"; } } // Two images side by side function two() { for (i = 0; i < elements.length; i++) { elements[i].style.msFlex = "50%"; // IE10 elements[i].style.flex = "50%"; } } // Four images side by side function four() { for (i = 0; i < elements.length; i++) { elements[i].style.msFlex = "25%"; // IE10 elements[i].style.flex = "25%"; } } // Eight images side by side function eight() { for (i = 0; i < elements.length; i++) { elements[i].style.msFlex = "12.5%"; // IE10 elements[i].style.flex = "12.5%"; } } // Add active class to the current button (highlight it) var header = document.getElementById("myHeader"); var btns = header.getElementsByClassName("btn"); for (var i = 0; i < btns.length; i++) { btns[i].addEventListener("click", function() { var current = document.getElementsByClassName("active"); current[0].className = current[0].className.replace(" active", ""); this.className += " active"; }); }
这是这个系列将近三年之后的新一期，着重从色彩的角度欣赏大自然的各种美和T台上的新创造。
一直对色彩情有独钟， 尤其那些典雅，温暖，渊博，积极进取，充满朝气的色彩，是我喜欢的风格。
和上一期呼应，这一期以蓝色为主，寻找色彩配对儿，每两张图一组。希望在炎炎的夏日能给你带去一缕清新。
和上个贴一样，可以按下面四个按钮切换每行的图片数目，缺省是图最大的一图一行。
1248 1 五渔村2 尤利娅娜
3 巨澜
4 层迭
5 密布
6 水墨
7 卷舒
8 腼腆
9 碧玉
10 湍流
11 逐沙
12 健美
13 神秘
14 优雅
15 溢彩
16 闪亮
17 见底
18 清澈
19 星光
20 熠熠
21 碧涛
22 翻卷
23 粼粼
24 波光
25 清波
26 天成
27 碧池
28 湛蓝
29 盐田
30 蓝裙
31 透明
32 蓝眼睛
每张图的出处都可以点图得到。帖子的背景图片来自这里。
祝你有一个愉快的周末！
greenlawn
:)
我的相关文章：- 衣裳之锦，自 然之蓝 (11) － 蓝色篇，色彩配对儿
- 自然之蓝，白黑灰等颜色的衣服 专栏
// Get the elements with class="column" var elements = document.getElementsByClassName("column"); // Declare a loop variable var i; // Full-width images function one() { for (i = 0; i < elements.length; i++) { elements[i].style.msFlex = "70%"; // IE10 elements[i].style.flex = "70%"; } } // Two images side by side function two() { for (i = 0; i < elements.length; i++) { elements[i].style.msFlex = "50%"; // IE10 elements[i].style.flex = "50%"; } } // Four images side by side function four() { for (i = 0; i < elements.length; i++) { elements[i].style.msFlex = "25%"; // IE10 elements[i].style.flex = "25%"; } } // Eight images side by side function eight() { for (i = 0; i < elements.length; i++) { elements[i].style.msFlex = "12.5%"; // IE10 elements[i].style.flex = "12.5%"; } } // Add active class to the current button (highlight it) var header = document.getElementById("myHeader"); var btns = header.getElementsByClassName("btn"); for (var i = 0; i < btns.length; i++) { btns[i].addEventListener("click", function() { var current = document.getElementsByClassName("active"); current[0].className = current[0].className.replace(" active", ""); this.className += " active"; }); }冬天的英吉利海峡
点这里可以看看那个意大利品牌的设计，我很喜欢里面的几件大衣
https://www.vogue.com/fashion-shows/fall-2015-ready-to-wear/ermanno-scervino/slideshow/collection
喜欢这帖子，颜色很美。
https://tantetrunte.tumblr.com/post/175779690324/forevernoon-nutcrackers
自己做真是过瘾。也可以做跳舞的礼服 ：）
在我的一个夏天帖里 ：）
炎炎夏日，来一些凉爽的东东解解暑，养养眼睛
一定也很好香！
如此用心做帖真是令人敬佩和仰望！感恩流坛有你，十年如一日的为我们呈上视觉盛宴！
对了，这排版也是绝了，真真是高手！
排版对我们搞IT的来说蛮简单的，重要的是ideas，实施起来总有办法的：）
而且HTML非常有容错度，我很感激。。。
你现在应当正忙在劲上，保重保护好自己的身心，一家人幸福的源泉就有了：）
致谢！
你就是数字妹妹吗？还是各坛都有各自不同的数字妹妹？比如家坛，跨坛，或宠坛？