今天设计的专题里有一块是要左右切换展示几位医生,写了这个效果之后单独摘出来做了个demo,方便以后使用。
我做的时候展示的区域很小,demo里给改大了。但是大了之后没有指示器,看起来很不正常,所以这个demo只适合小区域的、切换数量少的展示。可以做banner或者大区域内容展示的请看此处。
这个没有指示器,不会自动切换,也不会首尾循环切换。有了上面那个,这个基本就没用了。
查看demo。
要点如下:
li(或者相当于li的子区域)的class设置为srcoll_li;
ul宽度设置为所有li的宽度之和,然后li浮动。
用ul外层元素的超出隐藏来防止乱版。
js左右切换展示的效果