jQuery 图片轮流展示效果

1.  siblings()这个方法,就是要取得调用该方法的节点对象的兄弟节点(查找同级对象)

比如:
<div id="aaa">
<p>1</p>
<p>2</p>

<h1>2</h1>
<h2>22</h2>
<div>abcdefg</div>
</div>
var curr = $("#aaa h1");
curr.siblings(); //包括与p同级的所有元素:p, h1, h2, div
如果带参数curr.siblings("p")那就只能取得到两个p
2.
图片轮流展示的效果
function auto(){
i<$div.length-1?i++:i=0;
$div.eq(i).show().siblings().hide(); /*siblings
      }

当某个图片之后没有图片了,这个i<$div.length-1就不满足了,就回到0,从头开始重新展示

否则下一张展示

那个是条件表达式,i 小于

$div.length-1

么?小于就i++,下一张,否则第1张

 

posted @ 2015-05-10 14:02  中传思客老窝  阅读(444)  评论(0编辑  收藏  举报