jquery自動(dòng)切換tabs選項(xiàng)卡的具體實(shí)現(xiàn)
本節(jié)內(nèi)容：
jquery實(shí)現(xiàn)自動(dòng)切換選項(xiàng)卡。
代碼：
復(fù)制代碼 代碼如下:
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>自動(dòng)切換tabs選項(xiàng)卡-www.jbxue.com</title>
<!-- 注意引進(jìn)的文件順序，你做的沒有效果也許就是因?yàn)槲募M(jìn)順序不對(duì)！ -->
<script type="text/javascript" src="<%=path %>/js/jquery-1.2.6.js"></script>
<script src="<%=path%>/js/ui.core.js" type="text/javascript"></script>
<link href="<%=path%>/css/ui.tabs.css" rel="stylesheet" type="text/css" />
<script src="<%=path%>/js/ui.tabs.js" type="text/javascript"></script>
<style type="text/css">
code {
font-family: "Courier New", Courier, monospace;
}
</style>
<script type="text/javascript">
$(function() {
alert(1);
$('#rotate > ul').tabs({ fx: { opacity: 'toggle' },selected:0}).tabs('rotate', 500000);
});
</script>
</head>
<body>
<hr size="10" color="red"/>
<H1>Rotating UI Tabs example</H1>
<div id="rotate">
<ul>
<li><a href="#div1"><span>新聞</span></a></li>
<li><a href="#div2"><span>論壇</span></a></li>
<li><a href="#div3"><span>博客</span></a></li>
</ul>
<div id="div1"><h5>DIV1</h5>此處放置測(cè)試用的顯示內(nèi)容，自動(dòng)切換tabs選項(xiàng)卡，自動(dòng)切換tabs選項(xiàng)卡，自動(dòng)切換tabs選項(xiàng)卡。
自動(dòng)切換tabs選項(xiàng)卡，自動(dòng)切換tabs選項(xiàng)卡，自動(dòng)切換tabs選項(xiàng)卡。自動(dòng)切換tabs選項(xiàng)卡。</div>
<div id="div2"><h5>DIV2</h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
<div id="div3"><h5>DIV3</h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </div>
</div>
</body>
</html>
成都創(chuàng)新互聯(lián)公司長(zhǎng)期為1000+客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為化德企業(yè)提供專業(yè)的成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)，化德網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
分享名稱：jquery自動(dòng)切換tabs選項(xiàng)卡的具體實(shí)現(xiàn)
文章URL：http://aaarwkj.com/article26/gppscg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、、網(wǎng)站維護(hù)、商城網(wǎng)站、網(wǎng)站策劃、虛擬主機(jī)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
- 你真的了解服務(wù)器托管收費(fèi)標(biāo)準(zhǔn)嗎？ 2021-03-16
- 深圳服務(wù)器托管費(fèi)用,深圳托管一臺(tái)服務(wù)器多少錢 2021-03-20
- 服務(wù)器托管價(jià)格 2021-03-17
- 香港服務(wù)器托管怎么收費(fèi) 2022-10-04
- IDC服務(wù)器托管有什么作用？ 2022-10-10
- 服務(wù)器托管帶寬選擇有什么依據(jù)？ 2022-10-08
- 服務(wù)器托管和服務(wù)器租用的相關(guān)介紹 2016-11-02
- 服務(wù)器托管名詞解釋 2021-03-11
- 國(guó)外服務(wù)器托管有哪些注意事項(xiàng)？ 2022-10-07
- 為什么服務(wù)器托管比租用費(fèi)用高？ 2021-03-11
- 香港服務(wù)器托管如何進(jìn)行安全設(shè)置 2022-10-07
- 多線服務(wù)器托管的優(yōu)點(diǎn)是什么？ 2022-10-05