给女友写得图片滚动代码。

来源：互联网发布：波士顿矩阵产品并举例编辑：程序博客网时间：2024/04/29 20:15

今晚弄了一晚上，终于把女友要求的图片滚动效果给做好了。发上来记录一下。新手代码，难免有些混乱。

/* * 基于jQuery的图片滚动 * summerlee * 2013-07-01 * 参数： * urlName : 滚动图片的ul的Id * direction : 滚动方向：左0,或者字符串"left",右1,或者字符串"right" */function scrollProImg(params){var moveFrag = false;//获取已移动距离var moveLength = 0;if($("#" + params.ulName).attr("moveLength")){moveLength = parseInt($("#" + params.ulName).attr("moveLength"));}var lis = $("#" + params.ulName).find("li");//这里的14是margin-left和margin-right的总和var singleLength = $(lis[0]).width() + 14;var total = singleLength * lis.length;var displayLength = singleLength*4;//判断移动方向和移动距离if(params.direction==0||params.direction=="left"){moveLength += singleLength;moveFrag = (total-moveLength)>=displayLength;}else if(params.direction==1||params.direction=="right"){moveLength -= singleLength;moveFrag = moveLength>=0;}//移动图片if(moveFrag){$("#" + params.ulName).animate({marginLeft:"-" + moveLength +"px"},"slow");}else{if(moveLength<0){moveLength = 0;}else{moveLength -= singleLength;}}//设置移动距离$("#" + params.ulName).attr("moveLength",moveLength);}