<delect id="fpxnv"><progress id="fpxnv"><p id="fpxnv"></p></progress></delect>

    <sub id="fpxnv"><listing id="fpxnv"></listing></sub>
    <nobr id="fpxnv"></nobr>

    <font id="fpxnv"><listing id="fpxnv"><ruby id="fpxnv"></ruby></listing></font>

        <rp id="fpxnv"><dfn id="fpxnv"></dfn></rp>

      <sub id="fpxnv"><listing id="fpxnv"></listing></sub>
        <track id="fpxnv"><noframes id="fpxnv"><big id="fpxnv"></big>

          <ins id="fpxnv"></ins>

          <dfn id="fpxnv"></dfn>

          1、引用jQuery.js 和 jquery.SuperSlide.js

          因為SuperSlide是基于jQuery的插件,所以前提必須先引用jQuery,再引用SuperSlide

          			<head>
          				<script type="text/javascript" src="../jquery1.42.min.js"></script>
          				<script type="text/javascript" src="../jquery.SuperSlide.2.1.3.js"></script>
          			</head>
          		

          2、編寫HTML

          以下是默認的HTMl結構,分別是 ".hd" 里面包含ul, ".bd" 里面包含ul

          				
          			

          3、編寫CSS,為HTML賦予樣色

          認真檢查您的css,保證兼容大部分瀏覽器前提下再調用SuperSlide

          		.slideTxtBox{ width:450px; border:1px solid #ddd; text-align:left;  }
          		.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative; }
          		.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
          		.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
          		.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
          		.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
          		.slideTxtBox .bd li{ height:24px; line-height:24px;   }
          		.slideTxtBox .bd li .date{ float:right; color:#999;  }

          4、調用SuperSlide

          在本例中,請在 “.slideTxtBox” div結束后立刻調用 SuperSlide,這樣會得到最好的效果,避免整個頁面加載后再調用 SuperSlide;
          因為是默認HTML結構,所以參數都為默認值,不用填寫titCell、mainCell等。

          <script type="text/javascript">jQuery(".slideTxtBox").slide(); </script>

          5、效果如下:

          1.0-標簽切換

          常用參數(切換看看)
          效果[effect]: 自動運行[autoPlay]:
          觸發方式[trigger]: 緩動效果[easing]:
          效果速度[delayTime]:

          當前調用代碼:jQuery(".slideTxtBox").slide({});

          注意:緩動效果對于fade影響不大;不同緩動效果設置適當“效果速度”,會有最佳效果。

          6、如果您想了解更多,可以查看“基礎效果”和“擴展效果
          如果您想下載代碼研究,可以到“下載頁面

          亚洲gv永久无码天堂网_久久精品国产精品亚洲艾草网_色窝窝无码一区二区三区成人_精品2021露脸国产偷人在视频
          <delect id="fpxnv"><progress id="fpxnv"><p id="fpxnv"></p></progress></delect>

            <sub id="fpxnv"><listing id="fpxnv"></listing></sub>
            <nobr id="fpxnv"></nobr>

            <font id="fpxnv"><listing id="fpxnv"><ruby id="fpxnv"></ruby></listing></font>

                <rp id="fpxnv"><dfn id="fpxnv"></dfn></rp>

              <sub id="fpxnv"><listing id="fpxnv"></listing></sub>
                <track id="fpxnv"><noframes id="fpxnv"><big id="fpxnv"></big>

                  <ins id="fpxnv"></ins>

                  <dfn id="fpxnv"></dfn>