迅睿開源框架是一款PHP8高性能·簡單易用的PHP開源開發(fā)框架, 基于MIT開源許可協(xié)議發(fā)布,不限制商業(yè)使用,以多端互聯(lián)為設計理念, 支持的微信公眾號、小程序、APP客戶端、移動端網(wǎng)站、PC網(wǎng)站等多終端式管理系統(tǒng)。
業(yè)務經(jīng)理
微信掃描以上二維碼
028-61286886
技術咨詢
如何在網(wǎng)站首頁,實現(xiàn)欄目切換,文章跟隨欄目切換。
這個要js來做了,你可以預先把每個欄目的數(shù)據(jù)調(diào)用出來,然后用js做隱藏和顯示
開源是一種精神,但不是義務,幫忙是情分,不幫也不要抱怨,建議大家多研究代碼、多閱讀代碼、多翻閱社區(qū)歷史問題!
tab切換。。。百度搜索下這個就好了 很多這種js特效。然后結合一樓說的 調(diào)用數(shù)據(jù)
請問有例子參考一下嗎?
<dl> <dd> <a id="s2" onclick="setTab('s',2,2)">企業(yè)優(yōu)勢</a> <a id="s1" onclick="setTab('s',1,2)" class="hover">產(chǎn)品優(yōu)勢</a> </dd> </dl> <div id="con_s_1"></div> <div id="con_s_2"></div> //Tab 切換的 JS 代碼 function setTab(name,cursel,n){ for(i=1;i<=n;i++){ var menu=document.getElementById(name+i); var con=document.getElementById("con_"+name+"_"+i); menu.className=i==cursel?"hover":""; con.style.display=i==cursel?"block":"none"; } }
這個要js來做了,你可以預先把每個欄目的數(shù)據(jù)調(diào)用出來,然后用js做隱藏和顯示
開源是一種精神,但不是義務,幫忙是情分,不幫也不要抱怨,建議大家多研究代碼、多閱讀代碼、多翻閱社區(qū)歷史問題!
tab切換。。。百度搜索下這個就好了 很多這種js特效。然后結合一樓說的 調(diào)用數(shù)據(jù)
請問有例子參考一下嗎?
<dl> <dd> <a id="s2" onclick="setTab('s',2,2)">企業(yè)優(yōu)勢</a> <a id="s1" onclick="setTab('s',1,2)" class="hover">產(chǎn)品優(yōu)勢</a> </dd> </dl> <div id="con_s_1"></div> <div id="con_s_2"></div> //Tab 切換的 JS 代碼 function setTab(name,cursel,n){ for(i=1;i<=n;i++){ var menu=document.getElementById(name+i); var con=document.getElementById("con_"+name+"_"+i); menu.className=i==cursel?"hover":""; con.style.display=i==cursel?"block":"none"; } }