PHP implements three-level navigation bar effect

1. Data configuration file db.php

  return array(
 array(
 'one' => 'About us',
 'two' => array(
 array(
 'three_tit' => 'Company introduction',
 'three_cont' => array(
 'Company profile',
 'Organizational structure',
 'Development history',
 'Corporate culture',
 'Service concept'
 )
 ),
 array(
 'three_tit' => 'Corporate Honor',
 'three_cont' => array(
 'Award Certificate',
 'Industry Contribution',
 'Qualification Certification',
 'Association Activities ',
 'Company's achievements')
 ),
 array(
 'three_tit' => 'Sales network',
 'three_cont' => array(
 'Northeast',
 'North China',
 'Middle East' ,
 'South China',
 'Southwest',
 'Northwest'
 )
 )
 )
 ),
 array(
 'one' => 'Product display',
 'two' => array(
 array (
 'three_tit' => 'Import and export trade',
 'three_cont' => array(
 'Digital products',
 'Latest energy',
 'Fresh fruits',
 'Meat food',
 ' Clothes',
 'Gold and Silver Jewelry'
 )
 ),
 array(
 'three_tit' => 'Business Services',
 'three_cont' => array(
 'Qualification Certification',
 'Talent Training',
 'Popular product recommendations',
 'The latest technology frontier'
 )
 )
 )
 ),
 array(
 'one' => 'News center',
 'two' => array(
 array(
 'three_tit' => 'Enterprise news',
 'three_cont' => array(
 'Company news',
 'New product launch',
 'Enterprise news'
 )
 ),
 array(
 'three_tit' = > 'Industry trends',
 'three_cont' => array(
 'Media focus',
 'Industry concerns',
 'Domestic market',
 'International market'
 )
 )
 )
 ),
 array (
 'one' => 'Contact us',
 'two' => array(
 array(
 'three_tit' => 'Contact information',
 'three_cont' => array(
 'Online customer service ',
 'Correspondence address',
 'Telephone and fax',
 'Online message'
 )
 ),
 array(
 'three_tit' => 'Talent recruitment',
 'three_cont' => array(
 ' Project Manager',
 'Assistant Secretary',
 'Channel Agent',
 'Website Engineer'
 )
 )
 )
 )
 );


 ?>

2.index file

  header('Content-type:text/html;charset=utf-8');
 // Load data
 $data = include './db.php ';
 // Load html file
 include './nav.html';

 ?>

3.nav.html file

 < ;script type="text/javascript">
 $(function(){
 //Hide the element
 $('.menu>li').eq(4).find('s').hide( );
 $('.two li').last().css('border','none');
 //Mouse move in and out events
 $('.menu li').hover(function() {
 $(this).find('.two').show();
 //Mouse in and out events
 $('.two li').hover(function(){
 $(this).find ('.hide').show();
 },function(){
 $(this).find('.hide').hide();
 });
 },function(){
 $( this).find('.two').hide();
 });
 })

 Untitled Document




              
                网站首页

复制代码

php