JQ轮播
Posted 空间机器
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQ轮播相关的知识,希望对你有一定的参考价值。
首先是html结构,一个简单的轮播,主要分为三大层:div>ul>li,li里面的img图片。
其次,css样式:div固定住宽高,overflow:hidden;ul的宽度建议是动态获取(下一步会讲是怎么获取);关于li我习惯使用浮动,让他们依次排列,在ul上要记得清楚浮动(clear:both)。
重要的是jquery的方法,主要有用到的有animate(),setInterval(),hover()。在写方法之前,缕清一下动效的逻辑:图片依次循环自右向左滑过,当滑完最后一张时,第一张显示,如此重复
1、获取li的个数length和宽度width
以上是关于JQ轮播的主要内容,如果未能解决你的问题,请参考以下文章