怎样实现当前页在第一页，并让第一页失灵（变成灰色的）

怎样实现当前页在第一页，并让第一页失效（变成灰色的）？
当 当前页在第一页的时候，让上一页和首页都变成灰色的，也就是失效；
当 当前页在尾页的时候，让下一页和尾页都变成灰色的；
求大神们指导！！！


希望把上面的图片变成下面的！！！



下面这是分页的代码，还应该怎么写了？




------解决思路----------------------
 你可以对照看一下
<!--分页-->
                <div id="pages">
                
                 <s:if test="page==1">
                 <a href="#">上一页</a>
                 </s:if>
                 <s:else>
                 <a href="findCost.action?page=<s:property value="page-1"/>">上一页</a>
                 </s:else>
                    
                    <s:iterator begin="1" end="totalPage" var="p">
                     <s:if test="#p==page">
                     <a href="findCost.action?page=<s:property/>" class="current_page"><s:property/></a>
                     </s:if>
                     <s:else>
                     <a href="findCost.action?page=<s:property/>"><s:property/></a>
                     </s:else>
                    </s:iterator>
                    
                    <s:if test="page==totalPage">
                 <a href="#">下一页</a>
                 </s:if>
                 <s:else>
                 <a href="findCost.action?page=<s:property value="page+1"/>">下一页</a>
                 </s:else>
                     
                </div>
------解决思路----------------------
你判断一下当前页码，如果是满足条件的用<s:if>框起来，不满足的用else框起来。多贴一些代码就好。
------解决思路----------------------
这个就是逻辑判断啊。
你就判断当前页时那页然后设置好。
------解决思路----------------------
if...else加逻辑判断，如果在第一页，html显示的是没有<a href="#"></a>标签
------解决思路----------------------
你这个上一页看样子使用js来控制的，你可以在调用的时候，进行判断啊，如果是判断是不是第一页 是的话  让 上一页显示灰色，如果是最后一页，就把下一页显示灰色， 当然你还要 对   <1和>maxPage进行判断，