国产探花免费观看_亚洲丰满少妇自慰呻吟_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程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 北辰区| 湘阴县| 荣成市| 浙江省| 伊春市| 聂拉木县| 闸北区| 固始县| 德安县| 思南县| 南丰县| 丹东市| 若尔盖县| 大余县| 加查县| 仪征市| 民丰县| 五莲县| 宜都市| 黔江区| 体育| 磴口县| 磐安县| 武邑县| 清徐县| 永嘉县| 崇州市| 钟山县| 庆云县| 遂平县| 克东县| 仪陇县| 池州市| 志丹县| 兰西县| 江川县| 雷山县| 廉江市| 宣恩县| 长治市| 米脂县|