zoukankan      html  css  js  c++  java
  • 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张
  • 相关阅读:
    第四章的知识点:
    第一章的知识点:
    13
    12
    11
    10
    9
    zy
    金嘉琪 作业
    1022作业
  • 原文地址:https://www.cnblogs.com/lina6251125/p/4492179.html
Copyright © 2011-2022 走看看