老大要我做一個(gè)這個(gè):標(biāo)簽1,標(biāo)簽2,標(biāo)簽3....,然后點(diǎn)擊標(biāo)簽之后,下面出現(xiàn)一個(gè)頁(yè)面,跟2012版的QQ聊天窗口一樣,只不過(guò)我們這個(gè)是html下面的切換頁(yè)面,這個(gè)該怎么寫(xiě)?
<tr><td class="ooihj" nowrap onclick="ghbq(this)">標(biāo)簽一</td><td class="ooihs" nowrap onclick="ghbq(this)">標(biāo)簽二</td><td class="ooihs" nowrap onclick="ghbq(this)">標(biāo)簽三</td><td class="ooihs" nowrap onclick="ghbq(this)">標(biāo)簽四</td><td class="ooihx" width="100%"> </td> </tr>
http://paranimage.com/9-tabs-based-javascript/
如果是同事加載到一個(gè)頁(yè)面用jquery實(shí)現(xiàn)比較簡(jiǎn)單,包括點(diǎn)擊時(shí)候會(huì)有一個(gè)從左到右的小移動(dòng),變成鏈接的話,可能要學(xué)下異步加載,學(xué)習(xí)中,異步加載不是很了解,jquery里有個(gè)load()方法,可以簡(jiǎn)單的實(shí)現(xiàn)異步加載,
如果是同事加載到一個(gè)頁(yè)面用jquery實(shí)現(xiàn)比較簡(jiǎn)單,包括點(diǎn)擊時(shí)候會(huì)有一個(gè)從左到右的小移動(dòng),變成鏈接的話,可能要學(xué)下異步加載,學(xué)習(xí)中,異步加載不是很了解,jquery里有個(gè)load()方法,可以簡(jiǎn)單的實(shí)現(xiàn)異步加載, 貌似不用異步加載這么復(fù)雜,只是一個(gè)鏈接,點(diǎn)了鏈接,下面的自己加載。你知道怎么弄么,其實(shí)也沒(méi)多復(fù)雜我知道,我這些加載的頁(yè)面都寫(xiě)好了,就差怎么給鏈接怎么加載上去了
<tr><td class="ooihj" nowrap onclick="ghbq(this)">標(biāo)簽一</td><td class="ooihs" nowrap onclick="ghbq(this)">標(biāo)簽二</td><td class="ooihs" nowrap onclick="ghbq(this)">標(biāo)簽三</td><td class="ooihs" nowrap onclick="ghbq(this)">標(biāo)簽四</td><td class="ooihx" width="100%"> </td> </tr>都加個(gè)id屬性標(biāo)簽一 標(biāo)簽二 標(biāo)簽三 標(biāo)簽四
//這個(gè)方法中做判斷function ghbq(obj){ var id=$(obj).attr(id); if(id=="1"){ //顯示 1.html }else if(id=="2"){ //顯示 2.html }}
你可以試一下jquery?tab,基本不用寫(xiě)代碼。不用硬編碼的display,那就ajax加載。
不想ajax就iframe,
HTML怎么學(xué)習(xí)?HTML怎么入門(mén)?HTML在哪學(xué)?HTML怎么學(xué)才快?不用擔(dān)心,這里為大家提供了HTML速學(xué)教程(入門(mén)課程),有需要的小伙伴保存下載就能學(xué)習(xí)啦!
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://m.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)