jQuery左側菜單tab選項卡切換特效



69 272 91



特效描述:jQuery 左側菜單 tab選項卡切換,jQuery左側菜單tab選項卡切換特效

代碼結構

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/stylepc.css">

2. 引入JS

<script src="js/jquery-latest.js"></script>
<script type="text/javascript" src="js/pc.js"></script>

3. HTML代碼

<div class="container">
	<div class="menu">
		<h3><i class="q-menu-img positionIicon"></i>快速上手</h3>
		<ul class="ulmenu1">
			<li><a class="selected" href="#tab1">基礎問題</a></li>
			<li><a href="#">儀表盤</a></li>
			<li><a href="#">事務處理</a></li>
			<li><a href="#">財務處理</a></li>
			<li><a href="#">報表</a></li>
			<li><a href="#">系統設置</a></li>
		</ul>
		<h3><i class="q-menu-doit positionIicon"></i>產品手冊</h3>
		<ul class="ulmenu2">
			<li><a href="#" class="selected">基礎問題</a></li>
			<li><a href="#">操作環境</a></li>
			<li><a href="#">科目問題</a></li>
			<li><a href="#">期初問題</a></li>
			<li><a href="#">期末結轉類憑證問題</a></li>
			<li><a href="#">憑證問題</a></li>
			<li><a href="#">報表</a></li>
			<li><a href="#">數量金額計算</a></li>
			<li><a href="#">賬套信息</a></li>
			<li><a href="#">小規模納稅人和一般納稅人</a></li>
			<li><a href="#">打印問題</a></li>
			<li><a href="#">固定資產問題</a></li>
		</ul>
		<h3><i class="q-menu-three positionIicon"></i>常見問題</h3>
		<ul class="ulmenu3">
			<li><a class="selected" href="#tab1">基礎問題</a></li>
			<li><a href="#">操作環境</a></li>
			<li><a href="#">科目問題</a></li>
			<li><a href="#tab3">期初問題</a></li>
			<li><a href="#tab4">期末結轉類憑證問題</a></li>
			<li><a href="#tab5">憑證問題</a></li>
			<li><a href="#">報表</a></li>
			<li><a href="#">數量金額計算</a></li>
			<li><a href="#">賬套信息</a></li>
			<li><a href="#">小規模納稅人和一般納稅人</a></li>
			<li><a href="#">打印問題</a></li>
			<li><a href="#">固定資產問題</a></li>
		</ul>
	</div>
	<div class="content">
		<div class="get-menu">
			<a href="#">幫助中心</a>
			<span>></span>
			<a class="A1" href="#">常見問題</a>
		</div>
		<div class="menu1 menu_tab">
			<div id="tab1" class="tab active">
				<p class="tt">1.是如何收費?</p>
				<p>This is Answer!1.是如何收費??1.是如何收費??1.是如何收費??1.是如何收費??1.是如何收費??</p>
				<p class="tt">2.安全嗎?</p>
				<p>This is Answer!2.安全嗎?2.安全嗎?2.安全嗎?2.安全嗎?2.安全嗎?2.安全嗎?2.安全嗎?</p>
				<p class="tt">3.的數據能否保存?</p>
				<p>的數據能否保存?的數據能否保存?的數據能否保存?</p>
				<p>的數據能否保存?</p>
			</div>
			<div  id="tab2" class="tab">
				<p class="tt">4.快樂加賬號余額與銀行賬號余額不一致?</p>
				<p>This is Answer!4.快樂加賬號余額與銀行賬號余額不一致?4.快樂加賬號余額與銀行賬號余額不一致?4.快樂加賬號余額與銀行賬號余額不一致?</p>
				<p class="tt">5.手工憑證的銀行收付轉能為什么不能反應到儀表盤?</p>
				<p>This is Answer!5.手工憑證的銀行收付轉能為什么不能反應到儀表盤?5.手工憑證的銀行收付轉能為什么不能反應到儀表盤?5.手工憑證的銀行收付轉能為什么不能反應到儀表盤?5.手工憑證的銀行收付轉能為什么不能反應到儀表盤?</p>
			</div>
			<div  id="tab3" class="tab">
				<p class="tt">6.新增銀行賬號處”是否現金賬戶”什么意思?</p>
				<p>This is Answer!6.新增銀行賬號處”是否現金賬戶”什么意思?6.新增銀行賬號處”是否現金賬戶”什么意思?</p>
				<p class="tt">7.事務處理處生成的憑證屬于哪個會計期間的??</p>
				<p>This is Answer!7.事務處理處生成的憑證屬于哪個會計期間的??7.事務處理處生成的憑證屬于哪個會計期間的??7.事務處理處生成的憑證屬于哪個會計期間的??7.事務處理處生成的憑證屬于哪個會計期間的??7.事務處理處生成的憑證屬于哪個會計期間的??</p>
				<p class="tt">8.憑單與費用報銷單有什么區別?</p>
				<p>This is Answer!8.憑單與費用報銷單有什么區別?8.憑單與費用報銷單有什么區別?8.憑單與費用報銷單有什么區別?8.憑單與費用報銷單有什么區別?</p>
				<p class="tt">9.財務復核的時候若發現上交的發票與報銷不符,在系統該怎么操作?</p>
				<p>This is Answer!9.財務復核的時候若發現上交的發票與報銷不符,在系統該怎么操作?9.財務復核的時候若發現上交的發票與報銷不符,在系統該怎么操作?9.財務復核的時候若發現上交的發票與報銷不符,在系統該怎么操作?</p>
				<p class="tt">10.費用報銷個步驟中,哪個步驟會自動生成會計憑證?</p>
				<p>This is Answer!10.費用報銷個步驟中,哪個步驟會自動生成會計憑證?10.費用報銷個步驟中,哪個步驟會自動生成會計憑證?10.費用報銷個步驟中,哪個步驟會自動生成會計憑證?</p>
				<p class="tt">11.已提交的報銷單如發現填寫錯誤能撤回嗎?</p>
				<p>This is Answer!11.已提交的報銷單如發現填寫錯誤能撤回嗎?11.已提交的報銷單如發現填寫錯誤能撤回嗎?11.已提交的報銷單如發現填寫錯誤能撤回嗎?11.已提交的報銷單如發現填寫錯誤能撤回嗎?</p>
				<p class="tt">12.工資處理處社保公積金都能自動計算的嗎?</p>
				<p>This is Answer!12.工資處理處社保公積金都能自動計算的嗎?</p>
			</div>
			<div  id="tab4" class="tab">
				<p class="tt">13.為什么關賬后損益類科目還有余額?</p>
				<p>This is Answer!</p>
				<p class="tt">14.月末關賬后發現憑證錄入有誤還能再修改嗎?</p>
				<p>月末關賬后發現憑證錄入有誤還能再修改嗎?月末關賬后發現憑證錄入有誤還能再修改嗎?月末關賬后發現憑證錄入有誤還能再修改嗎?</p>
				<p class="tt">15.年結憑證需要自己手動錄入嗎</p>
				<p>年結憑證需要自己手動錄入嗎年結憑證需要自己手動錄入嗎年結憑證需要自己手動錄入嗎年結憑證需要自己手動錄入嗎</p>
				<p class="tt">16.系統能自動生成哪些憑證,哪些憑證需要手工錄入?</p>
				<p>系統能自動生成哪些憑證,哪些憑證需要手工錄入?16、系統能自動生成哪些憑證,哪些憑證需要手工錄入??</p>
				<p class="tt">17.在其他財務軟件做的憑證能導入系統嗎?</p>
				<p>在其他財務軟件做的憑證能導入系統嗎?在其他財務軟件做的憑證能導入系統嗎?在其他財務軟件做的憑證能導入系統嗎?在其他財務軟件做的憑證能導入系統嗎?</p>
				<p class="tt">18.為什么有些憑證不能刪除?</p>
				<p>為什么有些憑證不能刪除?為什么有些憑證不能刪除?</p>
				<p class="tt">19.業務驅動收到或者開具的發票能刪除嗎?</p>
				<p>業務驅動收到或者開具的發票能刪除嗎?19.業務驅動收到或者開具的發票能刪除嗎?19.業務驅動收到或者開具的發票能刪除嗎?</p>
				<p class="tt">20.稅收測算表的增值稅及營業稅以什么為根據來計算的?</p>
				<p>稅收測算表的增值稅及營業稅以什么為根據來計算的?稅收測算表的增值稅及營業稅以什么為根據來計算的?稅收測算表的增值稅及營業稅以什么為根據來計算的?</p>
				<p class="tt">21.稅收管理報表計提生成憑證后若發現計提錯誤還能修改嗎?</p>
				<p>稅收管理報表計提生成憑證后若發現計提錯誤還能修改嗎?21、稅收管理報表計提生成憑證后若發現計提錯誤還能修改嗎?21、稅收管理報表計提生成憑證后若發現計提錯誤還能修改嗎?</p>
			</div>
			<div  id="tab5" class="tab">
				<p class="tt">22.賬齡表初始化是什么意思?</p>
				<p>This is Answer!</p>
				<p class="tt">23.在哪里可以查看明細帳?</p>
				<p>在哪里可以查看明細帳?在哪里可以查看明細帳?在哪里可以查看明細帳?在哪里可以查看明細帳?</p>
				<p class="tt">24.每生成一張憑證之后為什么三大報表及科目余額表都會改變?</p>
				<p>每生成一張憑證之后為什么三大報表及科目余額表都會改變?每生成一張憑證之后為什么三大報表及科目余額表都會改變?每生成一張憑證之后為什么三大報表及科目余額表都會改變?每生成一張憑證之后為什么三大報表及科目余額表都會改變?</p>
				<p class="tt">25.如何查看關賬月份前的報表?</p>
				<p>如何查看關賬月份前的報表?如何查看關賬月份前的報表?如何查看關賬月份前的報表?</p>
			</div>
			<div  id="tab6" class="tab">
				<p class="tt">26.如何錄入科目期初余額?</p>
				<p>This is Answer!</p>
				<p class="tt">27.初始化的時候期初余額錄入錯誤怎么修改?</p>
				<p>初始化的時候期初余額錄入錯誤怎么修改?</p>
				<p class="tt">28.初始化的時候科目余額為什么錄入不進去?</p>
				<p>初始化的時候科目余額為什么錄入不進去?28、初始化的時候科目余額為什么錄入不進去?28、初始化的時候科目余額為什么錄入不進去?</p>
				<p class="tt">29.科目匹配是什么意思?</p>
				<p>科目匹配是什么意思?科目匹配是什么意思?科目匹配是什么意思?</p>
				<p class="tt">30.為什么有些科目刪除不了?</p>
				<p>This is Answer!</p>
				<p class="tt">31.如何增加一級科目?會計科目到幾級?</p>
				<p>如何增加一級科目?會計科目到幾級?如何增加一級科目?會計科目到幾級?如何增加一級科目?會計科目到幾級?如何增加一級科目?會計科目到幾級?</p>
				<p class="tt">32.如何增加、修改、刪除科目?</p>
				<p>如何增加、修改、刪除科目?如何增加、修改、刪除科目?如何增加、修改、刪除科目?如何增加、修改、刪除科目?如何增加、修改、刪除科目?如何增加、修改、刪除科目?</p>
				<p class="tt">33.?科目是按照哪個企業會計準則來的?</p>
				<p>科目是按照哪個企業會計準則來的?科目是按照哪個企業會計準則來的?科目是按照哪個企業會計準則來的?科目是按照哪個企業會計準則來的?</p>
				<p class="tt">34.是否支持輔助核算?如何核算每個客戶或者供應商的往來款項?</p>
				<p>This is Answer!</p>
				<p class="tt">35.若員工離職了,如何把該員工從系統中刪除?</p>
				<p>若員工離職了,如何把該員工從系統中刪除若員工離職了,如何把該員工從系統中刪除若員工離職了,如何把該員工從系統中刪除?</p>
				<p class="tt">36.如何修改報銷審批人?</p>
				<p>如何修改報銷審批人?36、如何修改報銷審批人?36、如何修改報銷審批人?</p>
				<p class="tt">37.員工個人信息如何修改?</p>
				<p>員工個人信息如何修改員工個人信息如何修改員工個人信息如何修改員工個人信息如何修改</p>
			</div>
		</div>
		<div class="menu2 menu_tab">
			<div id="tab-1" class="tab">
				<p class="tt">1. Question</p>
				<p>This is Answer!</p>
				<p class="tt">2. Question</p>
				<p>This is Answer!</p>
				<p class="tt">3. Question</p>
				<p>This is Answer!</p>
				<p>This is Answer!</p>
			</div>
			<div  id="ta-2" class="tab">
				<p class="tt">3. Question</p>
				<p>This is Answer!</p>
				<p>This is Answer!</p>
			</div>
			<div  id="tab-3" class="tab">
				<p class="tt">3.Question</p>
				<p>This is Answer!</p>
				<p>This is Answer!</p>
			</div>
			<div  id="tab-4" class="tab">
				<p class="tt">2.Question</p>
				<p>This is Answer!</p>
				<p>This is Answer!</p>
			</div>
			<div  id="tab-5" class="tab">table5</div>
			<div  id="tab-6" class="tab">table6</div>
			<div  id="tab-7" class="tab">table7</div>
			<div  id="tab-8"  class="tab">table8</div>
			<div  id="tab-9" class="tab">table9</div>
			<div  id="tab-10" class="tab">table10</div>
			<div  id="tab-11"  class="tab">table11</div>
			<div  id="tab-12" class="tab">table12</div>
		</div>
		<div class="menu3 menu_tab">
			<div id="tab-3-1" class="tab">
				<p class="tt">1. 。。。如何收費?222</p>
				<p>。。。的個人版用戶,100套賬免費記,只需注冊即可直接使用。。。。的代賬公司版,多人操作且有服務運營管理系統,總賬套數300套收費980元/年,總賬套數1000套收費1980元/年。</p>
				<p class="tt">2. 。。。安全嗎?</p>
				<p>在安全保障方面,我們參照并實施了多項國際及國家在信息安全領域的標準,成立了公司級安全小組,制定了詳細的規章制度與考核標準,由安全監理負責監察規章制度的執行,確保客戶數據的收集、儲存及使用均遵守內部監控以及適用的法律及法規規定;用戶數據安全方面我們采用安全性最好的獨立部署模式,對每一家企業分配私有的專用服務器資源獨立使用,數據單獨存放,核心數據每天進行本地,本地異機與異地異機三重備份機制,解決因為極端事件給數據帶來的安全隱患;在數據傳輸安全方面,所有用戶關鍵及核心數據,我們全部使用SSL加密轉輸,杜絕了用戶數據在傳輸過程中可能出現的竊聽、篡改、偽造等行為。</p>
				<p class="tt">3. 有。。。的流程操作視頻嗎?</p>
				<p>。。。操作視頻:http://kuaiji.youku.com/hall/?ykvid=XODYwMTkwOTQw</p>
				<p>幫助文檔:http://www.uu.com.cn/help/index.html</p>
				<p class="tt">1. 。。。如何收費?</p>
				<p>。。。的數據是云端多重備份存儲,是自動保存的。</p>
				<p>使用者年底也可以把總賬、明細賬下載到本地歸檔,操作步驟:點擊“賬簿管理”,選擇某一公司賬套,點擊“賬簿歸檔”,即能將所選年度的總賬、明細賬、數量金額明細賬下載到本地用于歸檔。</p>
				<p class="tt">1. 。。。如何收費?</p>
				<p>。。。的個人版用戶,100套賬免費記,只需注冊即可直接使用。。。。的代賬公司版,多人操作且有服務運營管理系統,總賬套數300套收費980元/年,總賬套數1000套收費1980元/年。</p>
				<p class="tt">1. 。。。如何收費?</p>
				<p>。。。的個人版用戶,100套賬免費記,只需注冊即可直接使用。。。。的代賬公司版,多人操作且有服務運營管理系統,總賬套數300套收費980元/年,總賬套數1000套收費1980元/年。</p>
				<p class="tt">1. 。。。如何收費?</p>
				<p>。。。</p>
				<p class="tt">1. 。。。如何收費?</p>
				<p>。。。</p>
			</div>
			<div  id="tab-3-2" class="tab">table2</div>
			<div  id="tab-3-3" class="tab">table3</div>
			<div  id="tab-3-4" class="tab">
				<p class="tt">1. 。。。</p>
				<p>。。。的個人版用戶,100套賬免費記,只需注冊即可直接使用。。。。的代賬公司版,多人操作且有服務運營管理系統,總賬套數300套收費980元/年,總賬套數1000套收費1980元/年。</p>
				<p class="tt">2. 。。。安全嗎?</p>
				<p>在安全保障方面,我們參照并實施了多項國際及國家在信息安全領域的標準,成立了公司級安全小組,制定了詳細的規章制度與考核標準,由安全監理負責監察規章制度的執行,確保客戶數據的收集、儲存及使用均遵守內部監控以及適用的法律及法規規定;用戶數據安全方面我們采用安全性最好的獨立部署模式,對每一家企業分配私有的專用服務器資源獨立使用,數據單獨存放,核心數據每天進行本地,本地異機與異地異機三重備份機制,解決因為極端事件給數據帶來的安全隱患;在數據傳輸安全方面,所有用戶關鍵及核心數據,我們全部使用SSL加密轉輸,杜絕了用戶數據在傳輸過程中可能出現的竊聽、篡改、偽造等行為。</p></div>
			<div  id="tab-3-5" class="tab">table5</div>
			<div  id="tab-3-6" class="tab">table6</div>
			<div  id="tab-3-7" class="tab">table7</div>
			<div  id="tab-3-8"  class="tab">table8</div>
			<div  id="tab-3-9" class="tab">table9</div>
			<div  id="tab-3-10" class="tab">table10</div>
			<div  id="tab-3-11"  class="tab">table11</div>
			<div  id="tab-3-12" class="tab">table12</div>
		</div>
	</div>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 文字疊加 文字層疊 flash導航菜單 flash導航條 flash導航 flash菜單 flash下拉菜單 flash下拉導航菜單 收縮菜單 收縮導航 導航切換 菜單切換 浮動菜單 浮動導航 右鍵菜單 滑動導航菜單 滑動導航 滑動菜單 滾動導航菜單 滾動菜單 滾動導航 h5動畫導航 h5動畫菜單 html5動畫導航 html5動畫菜單 文字淡出淡進 文字淡出 文字淡進 文字全屏 文字放大縮小 文字縮放 文字大小 文字放大 文字縮小 文字變大 文字變小 文字收縮展開 文字收縮 文字展開 文字延遲加載 文字延遲 文字加載 文字翻轉 文字旋轉 文字提示框 提示文字 文字拖動 文字拖拽 滑動選項卡 滑動切換 滾動切換 滾動條切換 360全景 360度全景 h5文字動畫 h5文字邊框動畫 html5文字動畫 html5文字邊框動畫 文字切換 文字選項卡 文字滾動 文字無縫滾動 文字間歇滾動 文字滑動 文字滑塊 滑動手風琴 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 圖片文字 文字導航菜單 文字導航 文字菜單 導航菜單 導航條 菜單欄 導航欄 分類導航 響應式導航條 響應式導航 文字 文字插件 文字列表 側邊菜單 側邊導航 選項卡自動切換 導航菜單插件 導航插件 菜單插件
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子