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

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

/** 基于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);
}

给女友写得图片滚动代码。相关推荐

php图片左右滚动代码怎么写,css图片滚动代码怎么写？轮播图横向滚动展示
在日常工作中网页上的轮播图展示必不可少,那么对于刚入门的小白而言本篇文章关于css图片滚动代码的介绍更是浅显易懂.希望本篇文章对大家有所帮助. css图片滚动代码示例具体如下: css图片滚动代码示例 ...
html背景图片随鼠标滚动条,博客音效代码、滚动条代码、单张图片滚动代码、背景图片代码、个性鼠标(2)...
[99补]隐形博客音效代码一句代码直接插入,比你从任何地方看到的都要简单: dynsrc=http://www.smartclub.com.cn/smart_sms/music/male/hktk. ...
JS+CSS控制左右切换鼠标可控的无缝图片滚动代码
代码简介: 以前见过这种效果,但是是基于FLASH技术,现在是纯用JS实现的,代码有点多,不过效果还不错,实际上它也是一个图片滚动,只不过它完全是用鼠标点击控制的,也就是说鼠标不点击的时候它是静止的, ...
一款JS+CSS实现的无缝平滑图片滚动代码
代码简介: 非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止.它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应用. 代码内容 ...
html图片自动移动代码是什么,html图片滚动代码
html图片向左无缝隙循环滚动代码向左或向右都可以,无缝隙循环滚动,麻烦请给完整代码,5张图片图片大小用css3实现循环滚动效果: css: #wrap{ width: 200px; height: ...
简洁的JS图片滚动代码
非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止. 它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的有用. <!DOCT ...
常用JS图片滚动代码大全
原文地址:http://www.codefans.net/jscss/code/1801.shtml 本源代码收集了一些常用的网页图片滚动,无缝滚动,效果很平滑,包括上下左右四个方向的滚动,或许你现在 ...
10款js图片代码_图片滚动代码_图片切换代码_图片特效代码_图片轮播代码（二）
js电影图片滑动放大展示特效 jQuery列表图片全图滚动预览 jQuery游戏图片手风琴切换代码响应式图片文字横幅布局代码 swiper新闻大图滚动组合特效 swiper图文标题滚动轮播特效 js ...
让图片居中php代码怎么写,CSS图片居中代码怎么写
为了让网站页页美观效果更好,让图片居中应该怎么做呢?css图片居中代码怎么写呢?在这里为大家分享css如何让img图片居中,并附上代码. CSS图片居中方法一:利用display的table-cell ...

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

给女友写得图片滚动代码。相关推荐

最新文章

热门文章