最近一直在改进Flickr相册，之前成功获取到关键调用图片函数后单页显示相片数量大大增加，可以一次性显示500张。不过过多图片加载导致浏览器压力过重，手机访问而且特别消耗流量。今天为相册添加了分页，在分页调整的时候想到一个功能，要高亮显示当前页面按钮。
效果如下：
实现方法挺简单的，用PHP给当前页面的当前按钮赋值class=”idon”，再定义这个class的css样式。
PHP代码：
<?php
$i = 1;
while ($i <= 10) {
if ($i == $malu) {
echo '<li class="idon"><a href="?malu='.$i.'">'.$i.'</a></li>';
}
else echo '<li><a href="?malu='.$i.'">'.$i.'</a></li>';
$i++;
}
?>
CSS代码：
#items #maluid .idon a {
color:#FFFFFF;
background-color: #999999;
cursor: default;
}
说明一下PHP实现原理，变量$malu是当前页面变量，当该变量等于$i时把class=“idon”添加上去，当然同样原理适用于导航条的制作。