tohokuaikiのチラシの裏

技術的ネタとか。

ちょっとしたアルゴリズム、クリックした奴が一番下になっていくDOMのZ-indexを求める場合とか

意外と難しかったのでメモ。

<ul>
 <li>1</li>
 <li>2</li>
 <li>3</li>
 <li>4</li>
 <li>5</li>
</ul>

で、クリックした奴がz-indexで一番下になって、くるくると変わっていくという感じで。

keyとindexを変数としてマス目の値を求める。
Excel使って何となく解いたけど、理屈から言うと説明難しい。。。というかまだできない。

f:id:tohokuaiki:20140902175553j:plain

答えは、

意味 変数名
全部の数 num
クリックしたDOM index
DOMの順番 key

とすると、

zIndex = (num - key + index)% num