<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/quo.js"></script>
<div class="userslist">
<ul>
<?php
for($i=0;$i<11;$i++){
?>
<li>
<dl>
<dt><img src="img/header.gif"></dt>
<dd>轩辕朗逸<?php echo $i;?></dd>
</dl>
</li>
<?php }?>
</ul>
</div>
<script type="text/javascript">
$(function(){
var startX,startY,endX,endY,i=0;
$$(".userslist ul").swipeLeft(function(){
var countli = $(".userslist ul li").length;
countli = countli +1;
var liwidth = parseInt($(".userslist ul li").css('width')) + parseInt($(".userslist ul li").css('margin-left'));
var ulwidth = liwidth * countli;
var maxmarg = ulwidth - document.body.clientWidth;
var maxmarg = Math.floor(maxmarg/liwidth) * liwidth;
if(maxmarg < 0)
return false;
var addlenth = Math.floor(document.body.clientWidth/liwidth) * liwidth;
var leng = Math.abs(parseInt($(".userslist ul").css('margin-left'))) + addlenth;
if(leng > maxmarg)
leng = maxmarg;
/*leng = Math.round(Math.abs(leng)/liwidth) * liwidth;*/
$(".userslist ul").attr('style','margin-left: -'+leng+"px");
});
$$(".userslist ul").swipeRight(function(){
var countli = $(".userslist ul li").length;
var liwidth = parseInt($(".userslist ul li").css('width')) + parseInt($(".userslist ul li").css('margin-left'));
var ulwidth = liwidth * countli;
var maxmarg = ulwidth - document.body.clientWidth;
var maxmarg = Math.floor(maxmarg/liwidth) * liwidth;
if(maxmarg < 0)
return false;
var addlenth = Math.floor(document.body.clientWidth/liwidth) * liwidth;
var leng = Math.abs(parseInt($(".userslist ul").css('margin-left'))) - addlenth;
if(leng >= 0)
leng = leng;
else
leng = 0;
/*leng = Math.round(Math.abs(leng)/liwidth) * liwidth;*/
$(".userslist ul").attr('style','margin-left: -'+leng+"px");
});
});
</script>