国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery簡單tab切換效果實現方法

2019-11-20 12:44:29
字體:
來源:轉載
供稿:網友

本文實例講述了jQuery簡單tab切換效果實現方法。分享給大家供大家參考。具體如下:

<script src="js/jquery-latest.js"></script><SCRIPT language=javascript type=text/javascript>$(document).ready(function () {$('.tabtitle li').click(function () {var index = $(this).index();$(this).attr('class',"tabhover").siblings('li').attr('class','taba');$('.tabcontent').eq(index).show(200).siblings('.tabcontent').hide();});  var t = 0;  var timer = setInterval(function(){    if( t == $('.tabtitle li').length ) t = 0;    $('.tabtitle li:eq('+t+')').click();    t++;  }, 700)})</SCRIPT><div class="maintab"><ul class="tabtitle"><li class="tabhover"><a href="#">選擇標題1</a></li> <li class="taba"><a href="#">選擇標題2</a></li> <li class="taba"><a href="#">選擇標題3</a></li> <li class="taba"><a href="#">選擇標題4</a></li> <li class="taba"><a href="#">選擇標題5</a></li></ul><div class="tabcontent">選擇內容1</div><div class="tabcontent" style="DISPLAY: none">選擇內容2</div><div class="tabcontent" style="DISPLAY: none">選擇內容3</div><div class="tabcontent" style="DISPLAY: none">選擇內容4</div><div class="tabcontent" style="DISPLAY: none">選擇內容5</div></div>

希望本文所述對大家的jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 贵溪市| 固镇县| 阳信县| 施秉县| 沁水县| 定西市| 涿州市| 安化县| 额济纳旗| 永昌县| 安溪县| 卢氏县| 佛冈县| 东莞市| 盘锦市| 长汀县| 阜城县| 永善县| 德化县| 安宁市| 武宁县| 海口市| 大田县| 邛崃市| 深州市| 莱州市| 桂平市| 呼图壁县| 元江| 卓尼县| 南投县| 阜平县| 习水县| 孝昌县| 彭泽县| 都匀市| 三亚市| 马边| 伊川县| 会东县| 广元市|