基于jquery实现手机端列表分页样式代码

代码结构

1. 引入JS

<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="js/public.js" type="text/javascript"></script>

2. HTML代码

<!--下一页--->
<div class="wrap" style="margin-top:300px;">
    <div class="fenye">
    	<ul>
        	<li id="first">首页</li>
            <li id="top" onclick="topclick()">上一页</li>
            <li class="xifenye" id="xifenye">
            	<a id="xiye">1</a>/<a id="mo">66</a>
                <div class="xab" id="xab" style="display:none">
                	<ul id="uljia">
                    </ul>
                </div>
            </li>
            <li id="down" onclick="downclick()">下一页</a></li>
            <li id="last">末页</li>
        </ul>
    </div>
</div>
<div align="center" style="clear:both;font-size:12px;color:#666;"><br><br><br><br>
</div>