标签: zigzag

我有一个简单的数组.数组长度始终具有整数的平方根.所以16,25,36等

$array = array('1', '2', '3', '4' ... '25');

我所做的是使用HTML排列数组,使其看起来像一个具有均匀边的块.

我想要做的是对元素进行排序,这样当我将JSON编码的数组传递给jQuery时,它将迭代数组,淡入当前块,因此我会得到一种波形动画.所以我想对数组进行排序

所以我的排序数组看起来像

$sorted = array('1', '6', '2', '3', '7', '11', '16, '12' .. '25');

有办法吗？谢谢

我一直在研究带有锯齿形边框的标题.一种方法是使用图像来制作锯齿形效果.

(1)有没有办法在不使用图像的情况下在CSS中创建实用的跨浏览器之字形边框？

我也试图在这个标题上添加带纹理的背景,延伸到曲折.但是,标题的垂直大小可能会更改,我无法将标题实现为单个图像.

如果我尝试在曲折边缘和标题元素上添加纹理,很可能,纹理将不同步.

(2)有关实现延伸到曲折的纹理背景而不是不同步的任何想法？

我的[旧]代码(以及纹理)在jsFiddle上.

body {
  padding: 20px;
}

header {
  width: 240px;
  background-color: #BCED91;
}

header:after {
  content: " ";
  display: block;
  position: relative;
  width: 240px;
  bottom: -15px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAPCAYAAACWV43jAAAAw0lEQVRIx83RsQ3CMBCF4T83AZKLVOmyBa1HSIlXwKySGaDOBClZAToWQIpETQONyxAS+2J4pe9knd5X9EP7QicPYAsUwBnYaHwqSsd1QGmNv1rjL0AZ3pJTKDTorPGnsUE/tDvg+KsG70D96TiAMKvDbtYDO6Cyxt++LYadKpY8hthNtTaVGHLRJJ3R5mJy0SbVJp9D7FJaSyWXNUk1yGVt0lTyMWK3ZmtLySUnaQy55CZdSi7AHmis8U/+JOGWBji8AaYPVy6VELZvAAAAAElFTkSuQmCC) repeat-x;
}

img {
  margin-top: 50px;
}

<header>
  <br />
  <br />
  <br />
  <br />
</header>

<img src="http://i.imgur.com/qKsVr.png" />

编辑#1:

谢谢Ana的代码.我接受了它并对其进行了改进.

http://dabblet.com/gist/3401493

我不认为一致的背景是可能的.

我需要在 Android 中创建收据布局。这个想法很简单，一个带有锯齿形顶部的矩形布局。

甚至，我试过虚线但没有任何效果。

<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="line">

<stroke
   android:color="#FF00"
   android:dashWidth="5dp"
   android:dashGap="5dp" />
</shape>

我需要以编程方式实现下面附加的图像,有什么办法吗？我知道如何绘制矩形,layer-list但对于底部特定的锯齿形纹理我不知道

请帮我实现这个形状

提前致谢

我有以下问题：从字符串列表中，我必须从所有字符串中取第一个字母，之后（从后到前），我必须从前到尾取第二个字母，在第三个字母之后等等在。

示例输入：

['abcd', 'efgh', 'ijkl', 'mnop']

输出应该是：

'aeimnjfbcgkoplhd'

到目前为止，第一个“for”附加到数组：aeim 和 cgko，第二个“for”附加到数组：njfb 和 plhd。反正顺序不好，我需要aeim + njfb + cgko + plhd

array = []
if len(list_of_strings[0]) % 2 == 0: # if we have strings with even number of letters
    for j in range(len(list_of_strings[0]/2)): # range(2) in our example
        for i in range(len(list_of_strings)): # range(4) in our example
            array.append(list_of_strings[i][j*2])

    for j in range(1, len(list_of_strings[0]), 2): # range(1, 4, 2) in our example
        for i in range(len(list_of_strings) - 1, -1, -1): # range(3, …

如何将锯齿形边框移到左侧？

  .zigzag {
  height: 150px;
  width: 400px;
  background: linear-gradient(-135deg, #e8117f 5px, transparent 0) 0 5px, linear-gradient(135deg, #e8117f 5px, #fff 0) 0 5px;
  background-color: #e8117f;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 10px 10px;

<div class="zigzag"></div>

谢谢