這樣，大家點(diǎn) 閱讀原文的時(shí)候，也可以跳轉(zhuǎn)或者是在你的文字的最后，你做一個(gè)圖片，圖片就是展開，然后選中這個(gè)圖片，添加鏈接地址，輸入你要展開的那個(gè)頁(yè)面的網(wǎng)址，就可以啦。

使用CSS方法實(shí)現(xiàn)的效果當(dāng)鼠標(biāo)懸停在科目上時(shí)，出現(xiàn)2級(jí)下拉菜單，2級(jí)菜單中包括“語文”，“數(shù)學(xué)”，此方法為純CSS樣式表功能實(shí)現(xiàn)，無任何js代碼lthtml lthead ltstyle type=quottextcssquot margin0px padding。

if $thistext === #39展開#39 #39input#39showthistext#39收起#39 else #39input#39hidethistext#39展開#39 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)顯示出了展開按鈕4點(diǎn)擊展開。

先讓隱藏的那一部分設(shè)置樣式display，點(diǎn)加號(hào)的時(shí)候通過javascript中的點(diǎn)擊事件讓隱藏的那一部分內(nèi)容設(shè)置displayblock，再讓加號(hào)隱藏掉就可以了。

lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitle文章高度展開lttitle ltstyle myarticle width700pxheight300pxoverflowyhiddenborder1px solid greenmargin20px auto。

先將要div1的內(nèi)容隱藏，css代碼#div1display 然后將函數(shù) isHiddenoDiv里面的display設(shè)置為顯示的 = == #39block#39？#39#39#39block#39源代碼lt！DOCTYPE html。

把一下代碼直接新建HTML保存，你看下效果剛寫的，有問題再聯(lián)系我ltdiv id=quotiddivquot style=quotwidth200pxheight200pxoverflowhiddenborder 1px solid bluequot lttable lttrlttd12lttdlttd12lttdlttd。