PHP は 3 レベルのナビゲーション バー機(jī)能を?qū)g裝します
Jun 13, 2016 am 11:56 AM
PHP は 3 レベルのナビゲーション バー効果を?qū)g現(xiàn)します
まずレンダリングを見てみましょう:
1. データ設(shè)定ファイル db.php
<?phpreturn array( array( 'one' => '關(guān)于我們', 'two' => array( array( 'three_tit' => '公司介紹', 'three_cont' => array( '企業(yè)概況', '組織架構(gòu)', '發(fā)展歷程', '企業(yè)文化', '服務(wù)理念' ) ), array( 'three_tit' => '企業(yè)榮譽(yù)', 'three_cont' => array( '獲獎(jiǎng)證書', '行業(yè)貢獻(xiàn)', '資質(zhì)認(rèn)證', '協(xié)會(huì)活動(dòng)', '公司的成就') ), array( 'three_tit' => '銷售網(wǎng)絡(luò)', 'three_cont' => array( '東北', '華北', '中東', '華南', '西南', '西北' ) ) ) ), array( 'one' => '產(chǎn)品展示', 'two' => array( array( 'three_tit' => '進(jìn)出口貿(mào)易', 'three_cont' => array( '數(shù)碼產(chǎn)品', '最新能源', '新鮮水果', '肉類食品', '衣服', '金銀首飾' ) ), array( 'three_tit' => '商業(yè)服務(wù)', 'three_cont' => array( '資格認(rèn)證', '人才培養(yǎng)', '熱門商品推薦', '最新科技前沿' ) ) ) ), array( 'one' => '新聞中心', 'two' => array( array( 'three_tit' => '企業(yè)動(dòng)態(tài)', 'three_cont' => array( '公司新聞', '新品上市', '企業(yè)動(dòng)態(tài)' ) ), array( 'three_tit' => '行業(yè)動(dòng)態(tài)', 'three_cont' => array( '媒體聚焦', '業(yè)內(nèi)關(guān)注', '國內(nèi)行情', '國際行情' ) ) ) ), array( 'one' => '聯(lián)系我們', 'two' => array( array( 'three_tit' => '聯(lián)系方式', 'three_cont' => array( '在線客服', '通信地址', '電話傳真', '在線留言' ) ), array( 'three_tit' => '人才招聘', 'three_cont' => array( '項(xiàng)目經(jīng)理', '助理秘書', '渠道代理', '網(wǎng)站工程師' ) ) ) ));?>
2.index ファイル
<?phpheader('Content-type:text/html;charset=utf-8'); // 載入數(shù)據(jù)$data = include './db.php'; // 載入html文件include './nav.html';?>
3.nav.html ファイル
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script><script type="text/javascript"> $(function(){ //對(duì)元素進(jìn)行隱藏 $('.menu>li').eq(4).find('s').hide(); $('.two li').last().css('border','none'); //鼠標(biāo)移入和移出事件 $('.menu li').hover(function(){ $(this).find('.two').show(); //鼠標(biāo)移入和移出事件 $('.two li').hover(function(){ $(this).find('.hide').show(); },function(){ $(this).find('.hide').hide(); }); },function(){ $(this).find('.two').hide(); }); })</script><title>無標(biāo)題文檔</title><style type="text/css">*{ padding: 0; margin: 0;}body{ font: 18px/50px '微軟雅黑'; color: #FFF;}li{ list-style: none;}a{ text-decoration: none; color: #FFF;}#nav{ width: 610px; height: 50px; background: #01532B; margin: 30px auto; border-radius: 5px; box-shadow: 2px 3px 2px #479E33; }#nav ul.menu{ padding: 0 5px;}#nav ul.menu li{ width: 120px; height: 50px; line-height: 50px; text-align: center; float: left; position: relative;}#nav ul.menu li a{ display: block; text-shadow:0px 1px 1px #479E33;}#nav ul.menu li a:hover{ color: #FFF; background: #479E33;}#nav ul.menu li s{ width: 0px; height: 30px; border-left: 1px solid #479E33; display: block; position: absolute; right: 0; top: 10px;}#nav ul.menu li ul{ position: absolute; top: 50px; left: 0; background: #479E33; border-radius: 0 0 3px 3px; box-shadow: 2px 3px 2px #479E33;}#nav ul.menu li ul li{ border-bottom: 1px solid #479E33; width: 120px; position: relative;}#nav ul.menu li ul li a{ font-size: 16px;} #nav ul.menu li ul li .hide{ position: absolute; top: 0px; left: 120px;}#nav ul.menu li ul li .hide li{ border-left: 1px solid #479E33;}#nav ul.menu li ul li .hide li a{ font-size: 14px;}.two,.hide{ display: none;}</style></head><body> <div id="nav"> <ul class="menu"> <li><a href="">網(wǎng)站首頁</a><s></s></li> <?php foreach($data as $v) { ?> <li> <a href=""><?php echo $v['one'] ?></a><s></s> <ul class="two"> <?php foreach ($v['two'] as $val) { ?> <li> <a href=""><?php echo $val['three_tit'] ?></a> <ul class="hide"> <?php foreach ($val['three_cont'] as $value) { ?> <li><a href=""><?php echo $value ?></a></li> <?php } ?> </ul> </li> <?php } ?> </ul> </li> <?php } ?> </ul> </div></body></html>
ホットAIツール
Undress AI Tool
脫衣畫像を無料で
Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ
AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中國語版
中國語版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
Huawei GT3 ProとGT4の違いは何ですか?
Dec 29, 2023 pm 02:27 PM
多くのユーザーはスマートウォッチを選ぶときにファーウェイブランドを選択しますが、その中でもファーウェイ GT3pro と GT4 は非常に人気のある選択肢であり、多くのユーザーはファーウェイ GT3pro と GT4 の違いに興味を持っています。 Huawei GT3pro と GT4 の違いは何ですか? 1. 外観 GT4: 46mm と 41mm、材質(zhì)はガラスミラー + ステンレススチールボディ + 高解像度ファイバーバックシェルです。 GT3pro: 46.6mm および 42.9mm、材質(zhì)はサファイアガラス + チタンボディ/セラミックボディ + セラミックバックシェルです。 2. 健全な GT4: 最新の Huawei Truseen5.5+ アルゴリズムを使用すると、結(jié)果はより正確になります。 GT3pro: ECG 心電図と血管と安全性を追加
修正: Windows 11 で Snipping ツールが機(jī)能しない
Aug 24, 2023 am 09:48 AM
Windows 11 で Snipping Tool が機(jī)能しない理由 問題の根本原因を理解すると、適切な解決策を見つけるのに役立ちます。 Snipping Tool が正しく動(dòng)作しない主な理由は次のとおりです。 フォーカス アシスタントがオンになっている: これにより、Snipping Tool が開かなくなります。破損したアプリケーション: 起動(dòng)時(shí)にスニッピング ツールがクラッシュする場(chǎng)合は、破損している可能性があります。古いグラフィック ドライバー: 互換性のないドライバーは、スニッピング ツールに干渉する可能性があります。他のアプリケーションからの干渉: 実行中の他のアプリケーションが Snipping Tool と競(jìng)合する可能性があります。証明書の有効期限が切れています: アップグレード プロセス中のエラーにより、この問題が発生する可能性があります。これらの簡(jiǎn)単な解決策は、ほとんどのユーザーに適しており、特別な技術(shù)知識(shí)は必要ありません。 1. Windows および Microsoft Store アプリを更新する
C# の Array.Sort 関數(shù)を使用して配列を並べ替える
Nov 18, 2023 am 10:37 AM
タイトル: Array.Sort 関數(shù)を使用して C# で配列を並べ替える例 本文: C# では、配列は一般的に使用されるデータ構(gòu)造であり、多くの場(chǎng)合、配列を並べ替える必要があります。 C# には Array クラスが用意されており、このクラスには配列を簡(jiǎn)単に並べ替えるための Sort メソッドがあります。この記事では、C# で Array.Sort 関數(shù)を使用して配列を並べ替える方法を示し、具體的なコード例を示します。まず、Array.Sort 関數(shù)の基本的な使用法を理解する必要があります。 Array.So
PHPのarray_merge_recursive()関數(shù)を使用するシンプルで明確な方法
Jun 27, 2023 pm 01:48 PM
PHP でプログラミングする場(chǎng)合、多くの場(chǎng)合、配列をマージする必要があります。 PHP には、配列のマージを完了するための array_merge() 関數(shù)が用意されていますが、配列內(nèi)に同じキーが存在する場(chǎng)合、この関數(shù)は元の値を上書きします。この問題を解決するために、PHP は配列をマージして同じキーの値を保持できる array_merge_recursive() 関數(shù)を言語で提供し、プログラム設(shè)計(jì)をより柔軟にします。配列マージ
PHP で array_combine 関數(shù)を使用して 2 つの配列を結(jié)合して連想配列にする方法
Jun 26, 2023 pm 01:41 PM
PHP には、配列操作をより便利かつ高速にする強(qiáng)力な配列関數(shù)が多數(shù)あります。 2 つの配列を結(jié)合して連想配列にする必要がある場(chǎng)合、PHP の array_combine 関數(shù)を使用してこの操作を?qū)g行できます。この関數(shù)は、実際には、ある配列のキーを別の配列の値として新しい連想配列に結(jié)合するために使用されます。次に、PHP の array_combine 関數(shù)を使用して 2 つの配列を結(jié)合して連想配列にする方法を説明します。 array_comb について學(xué)ぶ
iPhoneでApp Storeに接続できないエラーを修正する方法
Jul 29, 2023 am 08:22 AM
パート 1: 最初のトラブルシューティング手順 Apple のシステムステータスを確認(rèn)する: 複雑な解決策を掘り下げる前に、基本から始めましょう。問題はデバイスにあるのではなく、Apple のサーバーがダウンしている可能性があります。 Apple のシステム ステータス ページにアクセスして、AppStore が適切に動(dòng)作しているかどうかを確認(rèn)してください。問題があれば、Apple が修正してくれるのを待つしかありません。インターネット接続を確認(rèn)します。「AppStore に接続できません」問題は接続不良が原因である場(chǎng)合があるため、安定したインターネット接続があることを確認(rèn)してください。 Wi-Fi とモバイル データを切り替えるか、ネットワーク設(shè)定をリセットしてみてください ([一般] > [リセット] > [ネットワーク設(shè)定のリセット] > [設(shè)定])。 iOS バージョンを更新します。
php提交表單通過后,彈出的對(duì)話框怎樣在當(dāng)前頁彈出,該如何解決
Jun 13, 2016 am 10:23 AM
php提交表單通過后,彈出的對(duì)話框怎樣在當(dāng)前頁彈出php提交表單通過后,彈出的對(duì)話框怎樣在當(dāng)前頁彈出而不是在空白頁彈出？想實(shí)現(xiàn)這樣的效果：而不是空白頁彈出:------解決方案--------------------如果你的驗(yàn)證用PHP在后端，那么就用Ajax；僅供參考：HTML code
iPadOS 17.4 で iPad のバッテリー壽命を最適化する方法
Mar 21, 2024 pm 10:31 PM
iPadOS 17.4 で iPad のバッテリー壽命を最適化する方法 バッテリー壽命の延長(zhǎng)はモバイル デバイス エクスペリエンスの鍵であり、iPad がその良い例です。 iPad のバッテリーの消耗が早すぎると感じても、心配しないでください。iPadOS 17.4 には、デバイスの実行時(shí)間を大幅に延長(zhǎng)できるトリックや微調(diào)整が多數(shù)あります。この詳細(xì)なガイドの目的は、情報(bào)を提供するだけではなく、iPad の使用方法を変え、全體的なバッテリー管理を強(qiáng)化し、充電せずにデバイスをより長(zhǎng)く使用できるようにすることです。ここで概説したプラクティスを採用することで、個(gè)人のニーズや使用パターンに合わせてテクノロジーをより効率的かつ意識(shí)的に使用するための一歩を踏み出すことができます。主要なエネルギー消費(fèi)者を特定する
