用 CSS 累加數字 & CSS 支援變數
在這瞬息萬變的網路世界中 不要說十年… 五年就差很多了! 這有大部分要歸功於 Google 囉~ (Google OS:更!這又扯到我了…) 剛在這邊看到一個 例子 可以用 CSS 去控制數字累進 以下擷取 The Spanner 的部份程式出來說明( 範例 & 原程式碼 ) @ 這段是用來重整頁面用的 <?php for($i=0;$i<$maxLoop;$i++) { $frame = $i + 1; echo '<meta http-equiv="Refresh" content="'.$frame.';URL=cssloops.php#'.$frame.'_'.$rand.'">',"\r\n"; } ?> @ 這段是用來動態產生 CSS <style type="text/css"> <?php $linkCount = $maxLoop; for($i=0;$i<$maxLoop;$i++) { $frame = $i + 1; for($j=0;$j<$i;$j++) { echo 'a + '; } echo 'a[href="cssloops.php#'.$frame.'_'.$rand.'"]:visited + '; for($j=0;$j<$linkCount-1;$j++) { echo 'a + '; } ?> div:after { counter-increment: count <?php echo $frame?>; content: " " counter(count) " "; } <?php $linkCount--; } ?> div:after { content: " " counter(count) " "; } </style> ...