国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

標(biāo)簽頁(yè)切換的問(wèn)題,真心不會(huì)求助!_html/css_WEB-ITnose

php中文網(wǎng)
發(fā)布: 2016-06-24 12:09:50
原創(chuàng)
870人瀏覽過(guò)

老大要我做一個(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>
登錄后復(fù)制

比如上面的4個(gè)標(biāo)簽,每點(diǎn)擊一個(gè),下面出現(xiàn)一個(gè)頁(yè)面,這些頁(yè)面得一個(gè)一個(gè)的呈現(xiàn),不能全部呈現(xiàn)了用display這種方法。我的理解是這些標(biāo)簽是一個(gè)一個(gè)的鏈接,鏈接到對(duì)應(yīng)的頁(yè)面,點(diǎn)擊了之后,對(duì)應(yīng)的頁(yè)面顯示在對(duì)應(yīng)的區(qū)域(這兒很關(guān)鍵,我不會(huì)),求高手幫忙,最好給個(gè)例子什么!萬(wàn)分感謝!


回復(fù)討論(解決方案)

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)簽四   
登錄后復(fù)制




//這個(gè)方法中做判斷function ghbq(obj){  var id=$(obj).attr(id);  if(id=="1"){   //顯示 1.html    }else if(id=="2"){   //顯示 2.html   }}  
登錄后復(fù)制

你可以試一下jquery?tab,基本不用寫(xiě)代碼。不用硬編碼的display,那就ajax加載。
不想ajax就iframe,

1?2?

HTML速學(xué)教程(入門(mén)課程)
HTML速學(xué)教程(入門(mén)課程)

HTML怎么學(xué)習(xí)?HTML怎么入門(mén)?HTML在哪學(xué)?HTML怎么學(xué)才快?不用擔(dān)心,這里為大家提供了HTML速學(xué)教程(入門(mén)課程),有需要的小伙伴保存下載就能學(xué)習(xí)啦!

下載
來(lái)源:php中文網(wǎng)
本文內(nèi)容由網(wǎng)友自發(fā)貢獻(xiàn),版權(quán)歸原作者所有,本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容,請(qǐng)聯(lián)系admin@php.cn
最新問(wèn)題
開(kāi)源免費(fèi)商場(chǎng)系統(tǒng)廣告
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
關(guān)于我們 免責(zé)申明 意見(jiàn)反饋 講師合作 廣告合作 最新更新
php中文網(wǎng):公益在線php培訓(xùn),幫助PHP學(xué)習(xí)者快速成長(zhǎng)!
關(guān)注服務(wù)號(hào) 技術(shù)交流群
PHP中文網(wǎng)訂閱號(hào)
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時(shí)隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號(hào)
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://m.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)