溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

php實(shí)現(xiàn)左側(cè)導(dǎo)航欄效果

發(fā)布時(shí)間:2020-05-19 16:22:03 來源:億速云 閱讀:1104 作者:Leah 欄目:編程語言

這篇文章給大家分享的是php實(shí)現(xiàn)點(diǎn)擊左邊導(dǎo)航右邊跳轉(zhuǎn)到對(duì)應(yīng)頁面的詳細(xì)代碼,相信大部分人都還沒學(xué)會(huì)這個(gè)技能,為了讓大家更加了解,給大家總結(jié)了以下內(nèi)容,話不多說,一起往下看吧。

首先在頁面的左邊設(shè)置多個(gè)a標(biāo)簽作為導(dǎo)航;然后在頁面的右邊添加一個(gè)iframe,其屬性name設(shè)置為content;最后將左側(cè)所用的a標(biāo)簽的屬性target,設(shè)置為content即可。

示例代碼:

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8" />
        <title>實(shí)現(xiàn)點(diǎn)擊左邊導(dǎo)航右邊跳轉(zhuǎn)到對(duì)應(yīng)頁面</title>
    </head>
    <body>
        <!-- 左側(cè)菜單 -->
        <div class="left">
            <a href="http://www.baidu.com"?target="content">百度</a>
            <a href="http://www.qq.com"?target="content">qq</a>
        </div>
        <!-- 右側(cè)頁面 -->
        <div class="right">
            <iframe src="" name="content"></iframe>
        </div>
    </body>
</html>

關(guān)于php實(shí)現(xiàn)左側(cè)導(dǎo)航欄效果的代碼就分享到這里了,解決問題并不止文章中和大家分析的辦法,不過本文分析的方法準(zhǔn)確性是不容置疑的。如果喜歡本篇文章,不妨把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI