Fatal编程技术网
  • javascript/
  • Javascript my.PHP文件中的JQuery错误

Javascript my.PHP文件中的JQuery错误

javascript php jquery html css

Javascript my.PHP文件中的JQuery错误,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我的html页面中有一些javascript，它在html.div中添加了8个div块，然后单击，这些块就会隐藏 在我的本地html文件（在我的pc上）中，它可以工作，但我已经将其代码放入我的php脚本中 …此代码块显示错误：“UncaughtTypeError:无法调用null的'slideDown'方法” JavaScript代码： // JavaScript Document $( document ).ready(function() { // Handler for .ready

我的html页面中有一些javascript，它在html.div中添加了8个div块，然后单击，这些块就会隐藏

在我的本地html文件（在我的pc上）中，它可以工作，但我已经将其代码放入我的php脚本中

…此代码块显示错误：“UncaughtTypeError:无法调用null的'slideDown'方法”

JavaScript代码：

// JavaScript Document

$( document ).ready(function() {
  // Handler for .ready() called.
  fillMenu();
});

function fillMenu(){
    fillButton("About", 1, 1);
    fillButton("Www", 2, 2);
    fillButton("PCHelp", 2, 3);
    fillButton("Contacts", 3, 4);
    fillButton("Offices", 3, 5);    
}

function fillButton( btnName, lineIndex, btnIndex) {
    var html = "";
    for(var i = 1; i <=8; i++){
        html += "<div class=\"Line" + lineIndex + "\" id=\"L" + btnIndex +"_" + i +"\"></div>";
    };
    $( "#"+btnName ).prepend(html);

    for(var i = 1; i <=8; i++){
        $("#L" + btnIndex + "_" + i).fadeTo(0,0.6);
    }
}

function hideBtn(btn) {
    var minDX = 100;
    var curr = minDX;
    $("#L" + btn + "_" + 1).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 2).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 3).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 4).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 5).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 6).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 7).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 8).fadeTo(curr,0);
}

function showBtn(btn) {
    var minDX = 100;
    var curr = minDX;
    $("#L" + btn + "_" + 8).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 7).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 6).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 5).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 4).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 3).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 2).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 1).fadeTo(curr,0.6);
}

function BtnAbout() {
    $("#ContainerAbout").slideDown( "slow" );
}

function backAbout() {
    $("#ContainerAbout").slideUp( "slow" );
}

function BtnWww() {
    $("#ContainerWww").slideDown( "slow" );
}

function backWww() {
    $("#ContainerWww").slideUp( "slow" );
}

function BtnPCHelp() {
    $("#ContainerPCHelp").slideDown( "slow" );
}

function backPCHelp() {
    $("#ContainerPCHelp").slideUp( "slow" );
}

function BtnContacts() {
    $("#ContainerContacts").slideDown( "slow" );
}

function backContacts() {
    $("#ContainerContacts").slideUp( "slow" );
}

function BtnOffices() {
    $("#ContainerOffices").slideDown( "slow" );
}

function backOffices() {
    $("#ContainerOffices").slideUp( "slow" );
}

<!doctype html>
<html>
<head>
<meta charset="utf-8">

<title>IT-услуги, частный мастер.</title>
<link href="main.css" rel="stylesheet" type="text/css">
<link href="favicon.ico" rel="shortcut icon">
<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="js/menuShower.js"></script>
</head>

<body>
<div id="Border">
<div id="Container">

  <div id="LeftCol">
    <div id="About">
        <div class="MenuLink"">
            <a href="#" target="_self"  onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
        </div>
    </div>
    <div id="Www">
        <div class="MenuLink">
            <a href="#" target="_self"  onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
        </div>
    </div>
    <div id="PCHelp">
        <div class="MenuLink">
        <a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a>    </div>
    </div>
  </div>
  <div id="RightCol">
    <div id="Contacts">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
        </div>
    </div>
    <div id="Offices">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
        </div>
    </div>
  </div>

  <div id="ContainerAbout">
    <div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="AboutPhoto" class="Photo"></div>
        <div class="TextBox">
            <b style="font-size:30px;">Обо мне</b></br>
            <p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
            осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
            </p>
        </div>
    </div>
  </div>
  <div id="ContainerWww">
    <div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="WwwPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
        <p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerPCHelp">
    <div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="PCHelpPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
        <p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerContacts">
    <div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="ContactsPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
        <p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
      </div>
    </div>
  </div>
  <div id="ContainerOffices">
    <div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="OfficesPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
        <p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>

</body>
</html>

<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!doctype html>
<html>
<head>
<jdoc:include type="head" />
<meta charset="utf-8">
<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</head>

<body>
<div id="Border">
<div id="Container">

  <div id="LeftCol">
    <div id="About">
        <div class="MenuLink"">
            <a href="#" target="_self"  onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
        </div>
    </div>
    <div id="Www">
        <div class="MenuLink">
            <a href="#" target="_self"  onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
        </div>
    </div>
    <div id="PCHelp">
        <div class="MenuLink">
        <a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a>    </div>
    </div>
  </div>
  <div id="RightCol">
    <div id="Contacts">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
        </div>
    </div>
    <div id="Offices">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
        </div>
    </div>
  </div>

  <div id="ContainerAbout">
    <div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="AboutPhoto" class="Photo"></div>
        <div class="TextBox">
            <b style="font-size:30px;">Обо мне</b></br>
            <p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
            осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
            </p>
        </div>
    </div>
  </div>
  <div id="ContainerWww">
    <div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="WwwPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
        <p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerPCHelp">
    <div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="PCHelpPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
        <p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerContacts">
    <div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="ContactsPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
        <p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
      </div>
    </div>
  </div>
  <div id="ContainerOffices">
    <div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="OfficesPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
        <p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>

</body>
</html>

<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!doctype html>
<html>
<head>

<meta charset="utf-8">
<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="http://localhost:8888/joomla/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<jdoc:include type="head" />
</head>

<body>
<div id="Border">
<div id="Container">

  <div id="LeftCol">
    <div id="About">
        <div class="MenuLink"">
            <a href="#" target="_self"  onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
        </div>
    </div>
    <div id="Www">
        <div class="MenuLink">
            <a href="#" target="_self"  onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
        </div>
    </div>
    <div id="PCHelp">
        <div class="MenuLink">
        <a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a>    </div>
    </div>
  </div>
  <div id="RightCol">
    <div id="Contacts">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
        </div>
    </div>
    <div id="Offices">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
        </div>
    </div>
  </div>

  <div id="ContainerAbout">
    <div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="AboutPhoto" class="Photo"></div>
        <div class="TextBox">
            <b style="font-size:30px;">Обо мне</b></br>
            <p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
            осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
            </p>
        </div>
    </div>
  </div>
  <div id="ContainerWww">
    <div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="WwwPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
        <p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerPCHelp">
    <div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="PCHelpPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
        <p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerContacts">
    <div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="ContactsPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
        <p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
      </div>
    </div>
  </div>
  <div id="ContainerOffices">
    <div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="OfficesPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
        <p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>
<script type="text/javascript" src="http://localhost:8888/joomla/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</body>
</html>

//JavaScript文档
$（文档）.ready（函数（）{
//调用了.ready（）的处理程序。
fillMenu（）；
});
函数fillMenu（）{
填充按钮（“大约”，1，1）；
填充按钮（“Www”，2，2）；
fillButton（“PCHelp”，2,3）；
填充按钮（“触点”，3、4）；
填写按钮（“办公室”，3、5）；
}
函数填充按钮（btnName、lineIndex、btnIndex）{
var html=“”；

对于（var i=1；i您缺少分号


<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</head>



IT-аСаааааааа。

你少了分号


<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</head>



IT-аСаааааааа。

你少了分号


<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</head>



IT-аСаааааааа。

你少了分号


<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</head>



IT-аСаааааааа。

在呈现元素之前加载javascript时，通常会出现此问题。请确保将javascript放置在结束正文标记之前


 <body>
    ...
    <!-- Your Js --->
 </body>




...

在呈现元素之前加载javascript时，通常会出现此问题。请确保将javascript放置在结束正文标记之前


 <body>
    ...
    <!-- Your Js --->
 </body>




...

在呈现元素之前加载javascript时，通常会出现此问题。请确保将javascript放置在结束正文标记之前


 <body>
    ...
    <!-- Your Js --->
 </body>




...

在呈现元素之前加载javascript时，通常会出现此问题。请确保将javascript放置在结束正文标记之前


 <body>
    ...
    <!-- Your Js --->
 </body>




...

在包含JQuery之后，我不得不放置一个块

PHP页面：


// JavaScript Document

$( document ).ready(function() {
  // Handler for .ready() called.
  fillMenu();
});

function fillMenu(){
    fillButton("About", 1, 1);
    fillButton("Www", 2, 2);
    fillButton("PCHelp", 2, 3);
    fillButton("Contacts", 3, 4);
    fillButton("Offices", 3, 5);    
}

function fillButton( btnName, lineIndex, btnIndex) {
    var html = "";
    for(var i = 1; i <=8; i++){
        html += "<div class=\"Line" + lineIndex + "\" id=\"L" + btnIndex +"_" + i +"\"></div>";
    };
    $( "#"+btnName ).prepend(html);

    for(var i = 1; i <=8; i++){
        $("#L" + btnIndex + "_" + i).fadeTo(0,0.6);
    }
}

function hideBtn(btn) {
    var minDX = 100;
    var curr = minDX;
    $("#L" + btn + "_" + 1).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 2).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 3).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 4).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 5).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 6).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 7).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 8).fadeTo(curr,0);
}

function showBtn(btn) {
    var minDX = 100;
    var curr = minDX;
    $("#L" + btn + "_" + 8).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 7).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 6).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 5).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 4).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 3).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 2).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 1).fadeTo(curr,0.6);
}

function BtnAbout() {
    $("#ContainerAbout").slideDown( "slow" );
}

function backAbout() {
    $("#ContainerAbout").slideUp( "slow" );
}

function BtnWww() {
    $("#ContainerWww").slideDown( "slow" );
}

function backWww() {
    $("#ContainerWww").slideUp( "slow" );
}

function BtnPCHelp() {
    $("#ContainerPCHelp").slideDown( "slow" );
}

function backPCHelp() {
    $("#ContainerPCHelp").slideUp( "slow" );
}

function BtnContacts() {
    $("#ContainerContacts").slideDown( "slow" );
}

function backContacts() {
    $("#ContainerContacts").slideUp( "slow" );
}

function BtnOffices() {
    $("#ContainerOffices").slideDown( "slow" );
}

function backOffices() {
    $("#ContainerOffices").slideUp( "slow" );
}



<!doctype html>
<html>
<head>
<meta charset="utf-8">

<title>IT-услуги, частный мастер.</title>
<link href="main.css" rel="stylesheet" type="text/css">
<link href="favicon.ico" rel="shortcut icon">
<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="js/menuShower.js"></script>
</head>

<body>
<div id="Border">
<div id="Container">

  <div id="LeftCol">
    <div id="About">
        <div class="MenuLink"">
            <a href="#" target="_self"  onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
        </div>
    </div>
    <div id="Www">
        <div class="MenuLink">
            <a href="#" target="_self"  onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
        </div>
    </div>
    <div id="PCHelp">
        <div class="MenuLink">
        <a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a>    </div>
    </div>
  </div>
  <div id="RightCol">
    <div id="Contacts">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
        </div>
    </div>
    <div id="Offices">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
        </div>
    </div>
  </div>

  <div id="ContainerAbout">
    <div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="AboutPhoto" class="Photo"></div>
        <div class="TextBox">
            <b style="font-size:30px;">Обо мне</b></br>
            <p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
            осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
            </p>
        </div>
    </div>
  </div>
  <div id="ContainerWww">
    <div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="WwwPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
        <p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerPCHelp">
    <div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="PCHelpPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
        <p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerContacts">
    <div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="ContactsPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
        <p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
      </div>
    </div>
  </div>
  <div id="ContainerOffices">
    <div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="OfficesPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
        <p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>

</body>
</html>



<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!doctype html>
<html>
<head>
<jdoc:include type="head" />
<meta charset="utf-8">
<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</head>

<body>
<div id="Border">
<div id="Container">

  <div id="LeftCol">
    <div id="About">
        <div class="MenuLink"">
            <a href="#" target="_self"  onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
        </div>
    </div>
    <div id="Www">
        <div class="MenuLink">
            <a href="#" target="_self"  onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
        </div>
    </div>
    <div id="PCHelp">
        <div class="MenuLink">
        <a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a>    </div>
    </div>
  </div>
  <div id="RightCol">
    <div id="Contacts">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
        </div>
    </div>
    <div id="Offices">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
        </div>
    </div>
  </div>

  <div id="ContainerAbout">
    <div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="AboutPhoto" class="Photo"></div>
        <div class="TextBox">
            <b style="font-size:30px;">Обо мне</b></br>
            <p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
            осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
            </p>
        </div>
    </div>
  </div>
  <div id="ContainerWww">
    <div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="WwwPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
        <p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerPCHelp">
    <div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="PCHelpPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
        <p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerContacts">
    <div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="ContactsPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
        <p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
      </div>
    </div>
  </div>
  <div id="ContainerOffices">
    <div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="OfficesPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
        <p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>

</body>
</html>



<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!doctype html>
<html>
<head>

<meta charset="utf-8">
<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="http://localhost:8888/joomla/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<jdoc:include type="head" />
</head>

<body>
<div id="Border">
<div id="Container">

  <div id="LeftCol">
    <div id="About">
        <div class="MenuLink"">
            <a href="#" target="_self"  onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
        </div>
    </div>
    <div id="Www">
        <div class="MenuLink">
            <a href="#" target="_self"  onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
        </div>
    </div>
    <div id="PCHelp">
        <div class="MenuLink">
        <a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a>    </div>
    </div>
  </div>
  <div id="RightCol">
    <div id="Contacts">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
        </div>
    </div>
    <div id="Offices">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
        </div>
    </div>
  </div>

  <div id="ContainerAbout">
    <div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="AboutPhoto" class="Photo"></div>
        <div class="TextBox">
            <b style="font-size:30px;">Обо мне</b></br>
            <p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
            осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
            </p>
        </div>
    </div>
  </div>
  <div id="ContainerWww">
    <div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="WwwPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
        <p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerPCHelp">
    <div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="PCHelpPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
        <p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerContacts">
    <div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="ContactsPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
        <p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
      </div>
    </div>
  </div>
  <div id="ContainerOffices">
    <div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="OfficesPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
        <p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>
<script type="text/javascript" src="http://localhost:8888/joomla/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</body>
</html>




它-ччаааааааа。

在包含JQuery之后，我不得不放置一个块

PHP页面：


// JavaScript Document

$( document ).ready(function() {
  // Handler for .ready() called.
  fillMenu();
});

function fillMenu(){
    fillButton("About", 1, 1);
    fillButton("Www", 2, 2);
    fillButton("PCHelp", 2, 3);
    fillButton("Contacts", 3, 4);
    fillButton("Offices", 3, 5);    
}

function fillButton( btnName, lineIndex, btnIndex) {
    var html = "";
    for(var i = 1; i <=8; i++){
        html += "<div class=\"Line" + lineIndex + "\" id=\"L" + btnIndex +"_" + i +"\"></div>";
    };
    $( "#"+btnName ).prepend(html);

    for(var i = 1; i <=8; i++){
        $("#L" + btnIndex + "_" + i).fadeTo(0,0.6);
    }
}

function hideBtn(btn) {
    var minDX = 100;
    var curr = minDX;
    $("#L" + btn + "_" + 1).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 2).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 3).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 4).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 5).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 6).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 7).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 8).fadeTo(curr,0);
}

function showBtn(btn) {
    var minDX = 100;
    var curr = minDX;
    $("#L" + btn + "_" + 8).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 7).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 6).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 5).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 4).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 3).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 2).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 1).fadeTo(curr,0.6);
}

function BtnAbout() {
    $("#ContainerAbout").slideDown( "slow" );
}

function backAbout() {
    $("#ContainerAbout").slideUp( "slow" );
}

function BtnWww() {
    $("#ContainerWww").slideDown( "slow" );
}

function backWww() {
    $("#ContainerWww").slideUp( "slow" );
}

function BtnPCHelp() {
    $("#ContainerPCHelp").slideDown( "slow" );
}

function backPCHelp() {
    $("#ContainerPCHelp").slideUp( "slow" );
}

function BtnContacts() {
    $("#ContainerContacts").slideDown( "slow" );
}

function backContacts() {
    $("#ContainerContacts").slideUp( "slow" );
}

function BtnOffices() {
    $("#ContainerOffices").slideDown( "slow" );
}

function backOffices() {
    $("#ContainerOffices").slideUp( "slow" );
}



<!doctype html>
<html>
<head>
<meta charset="utf-8">

<title>IT-услуги, частный мастер.</title>
<link href="main.css" rel="stylesheet" type="text/css">
<link href="favicon.ico" rel="shortcut icon">
<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="js/menuShower.js"></script>
</head>

<body>
<div id="Border">
<div id="Container">

  <div id="LeftCol">
    <div id="About">
        <div class="MenuLink"">
            <a href="#" target="_self"  onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
        </div>
    </div>
    <div id="Www">
        <div class="MenuLink">
            <a href="#" target="_self"  onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
        </div>
    </div>
    <div id="PCHelp">
        <div class="MenuLink">
        <a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a>    </div>
    </div>
  </div>
  <div id="RightCol">
    <div id="Contacts">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
        </div>
    </div>
    <div id="Offices">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
        </div>
    </div>
  </div>

  <div id="ContainerAbout">
    <div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="AboutPhoto" class="Photo"></div>
        <div class="TextBox">
            <b style="font-size:30px;">Обо мне</b></br>
            <p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
            осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
            </p>
        </div>
    </div>
  </div>
  <div id="ContainerWww">
    <div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="WwwPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
        <p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerPCHelp">
    <div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="PCHelpPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
        <p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerContacts">
    <div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="ContactsPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
        <p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
      </div>
    </div>
  </div>
  <div id="ContainerOffices">
    <div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="OfficesPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
        <p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>

</body>
</html>



<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!doctype html>
<html>
<head>
<jdoc:include type="head" />
<meta charset="utf-8">
<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</head>

<body>
<div id="Border">
<div id="Container">

  <div id="LeftCol">
    <div id="About">
        <div class="MenuLink"">
            <a href="#" target="_self"  onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
        </div>
    </div>
    <div id="Www">
        <div class="MenuLink">
            <a href="#" target="_self"  onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
        </div>
    </div>
    <div id="PCHelp">
        <div class="MenuLink">
        <a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a>    </div>
    </div>
  </div>
  <div id="RightCol">
    <div id="Contacts">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
        </div>
    </div>
    <div id="Offices">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
        </div>
    </div>
  </div>

  <div id="ContainerAbout">
    <div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="AboutPhoto" class="Photo"></div>
        <div class="TextBox">
            <b style="font-size:30px;">Обо мне</b></br>
            <p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
            осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
            </p>
        </div>
    </div>
  </div>
  <div id="ContainerWww">
    <div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="WwwPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
        <p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerPCHelp">
    <div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="PCHelpPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
        <p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerContacts">
    <div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="ContactsPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
        <p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
      </div>
    </div>
  </div>
  <div id="ContainerOffices">
    <div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="OfficesPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
        <p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>

</body>
</html>



<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!doctype html>
<html>
<head>

<meta charset="utf-8">
<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="http://localhost:8888/joomla/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<jdoc:include type="head" />
</head>

<body>
<div id="Border">
<div id="Container">

  <div id="LeftCol">
    <div id="About">
        <div class="MenuLink"">
            <a href="#" target="_self"  onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
        </div>
    </div>
    <div id="Www">
        <div class="MenuLink">
            <a href="#" target="_self"  onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
        </div>
    </div>
    <div id="PCHelp">
        <div class="MenuLink">
        <a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a>    </div>
    </div>
  </div>
  <div id="RightCol">
    <div id="Contacts">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
        </div>
    </div>
    <div id="Offices">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
        </div>
    </div>
  </div>

  <div id="ContainerAbout">
    <div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="AboutPhoto" class="Photo"></div>
        <div class="TextBox">
            <b style="font-size:30px;">Обо мне</b></br>
            <p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
            осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
            </p>
        </div>
    </div>
  </div>
  <div id="ContainerWww">
    <div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="WwwPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
        <p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerPCHelp">
    <div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="PCHelpPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
        <p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerContacts">
    <div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="ContactsPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
        <p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
      </div>
    </div>
  </div>
  <div id="ContainerOffices">
    <div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="OfficesPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
        <p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>
<script type="text/javascript" src="http://localhost:8888/joomla/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</body>
</html>




它-ччаааааааа。

在包含JQuery之后，我不得不放置一个块

PHP页面：


// JavaScript Document

$( document ).ready(function() {
  // Handler for .ready() called.
  fillMenu();
});

function fillMenu(){
    fillButton("About", 1, 1);
    fillButton("Www", 2, 2);
    fillButton("PCHelp", 2, 3);
    fillButton("Contacts", 3, 4);
    fillButton("Offices", 3, 5);    
}

function fillButton( btnName, lineIndex, btnIndex) {
    var html = "";
    for(var i = 1; i <=8; i++){
        html += "<div class=\"Line" + lineIndex + "\" id=\"L" + btnIndex +"_" + i +"\"></div>";
    };
    $( "#"+btnName ).prepend(html);

    for(var i = 1; i <=8; i++){
        $("#L" + btnIndex + "_" + i).fadeTo(0,0.6);
    }
}

function hideBtn(btn) {
    var minDX = 100;
    var curr = minDX;
    $("#L" + btn + "_" + 1).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 2).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 3).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 4).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 5).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 6).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 7).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 8).fadeTo(curr,0);
}

function showBtn(btn) {
    var minDX = 100;
    var curr = minDX;
    $("#L" + btn + "_" + 8).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 7).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 6).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 5).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 4).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 3).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 2).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 1).fadeTo(curr,0.6);
}

function BtnAbout() {
    $("#ContainerAbout").slideDown( "slow" );
}

function backAbout() {
    $("#ContainerAbout").slideUp( "slow" );
}

function BtnWww() {
    $("#ContainerWww").slideDown( "slow" );
}

function backWww() {
    $("#ContainerWww").slideUp( "slow" );
}

function BtnPCHelp() {
    $("#ContainerPCHelp").slideDown( "slow" );
}

function backPCHelp() {
    $("#ContainerPCHelp").slideUp( "slow" );
}

function BtnContacts() {
    $("#ContainerContacts").slideDown( "slow" );
}

function backContacts() {
    $("#ContainerContacts").slideUp( "slow" );
}

function BtnOffices() {
    $("#ContainerOffices").slideDown( "slow" );
}

function backOffices() {
    $("#ContainerOffices").slideUp( "slow" );
}



<!doctype html>
<html>
<head>
<meta charset="utf-8">

<title>IT-услуги, частный мастер.</title>
<link href="main.css" rel="stylesheet" type="text/css">
<link href="favicon.ico" rel="shortcut icon">
<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="js/menuShower.js"></script>
</head>

<body>
<div id="Border">
<div id="Container">

  <div id="LeftCol">
    <div id="About">
        <div class="MenuLink"">
            <a href="#" target="_self"  onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
        </div>
    </div>
    <div id="Www">
        <div class="MenuLink">
            <a href="#" target="_self"  onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
        </div>
    </div>
    <div id="PCHelp">
        <div class="MenuLink">
        <a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a>    </div>
    </div>
  </div>
  <div id="RightCol">
    <div id="Contacts">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
        </div>
    </div>
    <div id="Offices">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
        </div>
    </div>
  </div>

  <div id="ContainerAbout">
    <div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="AboutPhoto" class="Photo"></div>
        <div class="TextBox">
            <b style="font-size:30px;">Обо мне</b></br>
            <p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
            осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
            </p>
        </div>
    </div>
  </div>
  <div id="ContainerWww">
    <div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="WwwPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
        <p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerPCHelp">
    <div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="PCHelpPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
        <p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerContacts">
    <div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="ContactsPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
        <p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
      </div>
    </div>
  </div>
  <div id="ContainerOffices">
    <div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="OfficesPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
        <p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>

</body>
</html>



<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!doctype html>
<html>
<head>
<jdoc:include type="head" />
<meta charset="utf-8">
<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</head>

<body>
<div id="Border">
<div id="Container">

  <div id="LeftCol">
    <div id="About">
        <div class="MenuLink"">
            <a href="#" target="_self"  onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
        </div>
    </div>
    <div id="Www">
        <div class="MenuLink">
            <a href="#" target="_self"  onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
        </div>
    </div>
    <div id="PCHelp">
        <div class="MenuLink">
        <a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a>    </div>
    </div>
  </div>
  <div id="RightCol">
    <div id="Contacts">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
        </div>
    </div>
    <div id="Offices">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
        </div>
    </div>
  </div>

  <div id="ContainerAbout">
    <div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="AboutPhoto" class="Photo"></div>
        <div class="TextBox">
            <b style="font-size:30px;">Обо мне</b></br>
            <p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
            осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
            </p>
        </div>
    </div>
  </div>
  <div id="ContainerWww">
    <div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="WwwPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
        <p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerPCHelp">
    <div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="PCHelpPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
        <p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerContacts">
    <div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="ContactsPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
        <p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
      </div>
    </div>
  </div>
  <div id="ContainerOffices">
    <div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="OfficesPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
        <p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>

</body>
</html>



<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!doctype html>
<html>
<head>

<meta charset="utf-8">
<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="http://localhost:8888/joomla/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<jdoc:include type="head" />
</head>

<body>
<div id="Border">
<div id="Container">

  <div id="LeftCol">
    <div id="About">
        <div class="MenuLink"">
            <a href="#" target="_self"  onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
        </div>
    </div>
    <div id="Www">
        <div class="MenuLink">
            <a href="#" target="_self"  onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
        </div>
    </div>
    <div id="PCHelp">
        <div class="MenuLink">
        <a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a>    </div>
    </div>
  </div>
  <div id="RightCol">
    <div id="Contacts">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
        </div>
    </div>
    <div id="Offices">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
        </div>
    </div>
  </div>

  <div id="ContainerAbout">
    <div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="AboutPhoto" class="Photo"></div>
        <div class="TextBox">
            <b style="font-size:30px;">Обо мне</b></br>
            <p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
            осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
            </p>
        </div>
    </div>
  </div>
  <div id="ContainerWww">
    <div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="WwwPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
        <p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerPCHelp">
    <div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="PCHelpPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
        <p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerContacts">
    <div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="ContactsPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
        <p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
      </div>
    </div>
  </div>
  <div id="ContainerOffices">
    <div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="OfficesPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
        <p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>
<script type="text/javascript" src="http://localhost:8888/joomla/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</body>
</html>




它-ччаааааааа。

在包含JQuery之后，我不得不放置一个块

PHP页面：


// JavaScript Document

$( document ).ready(function() {
  // Handler for .ready() called.
  fillMenu();
});

function fillMenu(){
    fillButton("About", 1, 1);
    fillButton("Www", 2, 2);
    fillButton("PCHelp", 2, 3);
    fillButton("Contacts", 3, 4);
    fillButton("Offices", 3, 5);    
}

function fillButton( btnName, lineIndex, btnIndex) {
    var html = "";
    for(var i = 1; i <=8; i++){
        html += "<div class=\"Line" + lineIndex + "\" id=\"L" + btnIndex +"_" + i +"\"></div>";
    };
    $( "#"+btnName ).prepend(html);

    for(var i = 1; i <=8; i++){
        $("#L" + btnIndex + "_" + i).fadeTo(0,0.6);
    }
}

function hideBtn(btn) {
    var minDX = 100;
    var curr = minDX;
    $("#L" + btn + "_" + 1).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 2).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 3).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 4).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 5).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 6).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 7).fadeTo(curr,0);curr=(curr+minDX);
    $("#L" + btn + "_" + 8).fadeTo(curr,0);
}

function showBtn(btn) {
    var minDX = 100;
    var curr = minDX;
    $("#L" + btn + "_" + 8).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 7).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 6).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 5).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 4).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 3).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 2).fadeTo(curr,0.6);curr=(curr+minDX);
    $("#L" + btn + "_" + 1).fadeTo(curr,0.6);
}

function BtnAbout() {
    $("#ContainerAbout").slideDown( "slow" );
}

function backAbout() {
    $("#ContainerAbout").slideUp( "slow" );
}

function BtnWww() {
    $("#ContainerWww").slideDown( "slow" );
}

function backWww() {
    $("#ContainerWww").slideUp( "slow" );
}

function BtnPCHelp() {
    $("#ContainerPCHelp").slideDown( "slow" );
}

function backPCHelp() {
    $("#ContainerPCHelp").slideUp( "slow" );
}

function BtnContacts() {
    $("#ContainerContacts").slideDown( "slow" );
}

function backContacts() {
    $("#ContainerContacts").slideUp( "slow" );
}

function BtnOffices() {
    $("#ContainerOffices").slideDown( "slow" );
}

function backOffices() {
    $("#ContainerOffices").slideUp( "slow" );
}



<!doctype html>
<html>
<head>
<meta charset="utf-8">

<title>IT-услуги, частный мастер.</title>
<link href="main.css" rel="stylesheet" type="text/css">
<link href="favicon.ico" rel="shortcut icon">
<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="js/menuShower.js"></script>
</head>

<body>
<div id="Border">
<div id="Container">

  <div id="LeftCol">
    <div id="About">
        <div class="MenuLink"">
            <a href="#" target="_self"  onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
        </div>
    </div>
    <div id="Www">
        <div class="MenuLink">
            <a href="#" target="_self"  onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
        </div>
    </div>
    <div id="PCHelp">
        <div class="MenuLink">
        <a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a>    </div>
    </div>
  </div>
  <div id="RightCol">
    <div id="Contacts">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
        </div>
    </div>
    <div id="Offices">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
        </div>
    </div>
  </div>

  <div id="ContainerAbout">
    <div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="AboutPhoto" class="Photo"></div>
        <div class="TextBox">
            <b style="font-size:30px;">Обо мне</b></br>
            <p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
            осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
            </p>
        </div>
    </div>
  </div>
  <div id="ContainerWww">
    <div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="WwwPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
        <p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerPCHelp">
    <div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="PCHelpPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
        <p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerContacts">
    <div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="ContactsPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
        <p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
      </div>
    </div>
  </div>
  <div id="ContainerOffices">
    <div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="OfficesPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
        <p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>

</body>
</html>



<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!doctype html>
<html>
<head>
<jdoc:include type="head" />
<meta charset="utf-8">
<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</head>

<body>
<div id="Border">
<div id="Container">

  <div id="LeftCol">
    <div id="About">
        <div class="MenuLink"">
            <a href="#" target="_self"  onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
        </div>
    </div>
    <div id="Www">
        <div class="MenuLink">
            <a href="#" target="_self"  onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
        </div>
    </div>
    <div id="PCHelp">
        <div class="MenuLink">
        <a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a>    </div>
    </div>
  </div>
  <div id="RightCol">
    <div id="Contacts">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
        </div>
    </div>
    <div id="Offices">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
        </div>
    </div>
  </div>

  <div id="ContainerAbout">
    <div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="AboutPhoto" class="Photo"></div>
        <div class="TextBox">
            <b style="font-size:30px;">Обо мне</b></br>
            <p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
            осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
            </p>
        </div>
    </div>
  </div>
  <div id="ContainerWww">
    <div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="WwwPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
        <p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerPCHelp">
    <div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="PCHelpPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
        <p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerContacts">
    <div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="ContactsPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
        <p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
      </div>
    </div>
  </div>
  <div id="ContainerOffices">
    <div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="OfficesPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
        <p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>

</body>
</html>



<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!doctype html>
<html>
<head>

<meta charset="utf-8">
<title>IT-услуги, частный мастер.</title>
<link href="<?php echo $this->baseurl ?>/templates/myjobsitetitletemplate/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="<?php echo $this->baseurl; ?>/templates/myjobsitetitletemplate/favicon.ico" />
<script type="text/javascript" src="http://localhost:8888/joomla/templates/myjobsitetitletemplate/js/jquery-2.1.0.min.js"></script>
<jdoc:include type="head" />
</head>

<body>
<div id="Border">
<div id="Container">

  <div id="LeftCol">
    <div id="About">
        <div class="MenuLink"">
            <a href="#" target="_self"  onMouseOver="hideBtn(1);" onMouseOut="showBtn(1);" onClick="BtnAbout();">Обо мне</a>
        </div>
    </div>
    <div id="Www">
        <div class="MenuLink">
            <a href="#" target="_self"  onMouseOver="hideBtn(2);" onMouseOut="showBtn(2);" onClick="BtnWww();">Создание сайтов</a>
        </div>
    </div>
    <div id="PCHelp">
        <div class="MenuLink">
        <a href="#" target="_self" onMouseOver="hideBtn(3);" onMouseOut="showBtn(3);" onClick="BtnPCHelp();">Консультация</a>    </div>
    </div>
  </div>
  <div id="RightCol">
    <div id="Contacts">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(4);" onMouseOut="showBtn(4);" onClick="BtnContacts();">Контакты</a>
        </div>
    </div>
    <div id="Offices">
        <div class="MenuLink">
            <a href="#" target="_self" onMouseOver="hideBtn(5);" onMouseOut="showBtn(5);" onClick="BtnOffices();">Для малого бизнеса</a>
        </div>
    </div>
  </div>

  <div id="ContainerAbout">
    <div id="BackBtnAbout" class="BackButton" onClick="backAbout();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="AboutPhoto" class="Photo"></div>
        <div class="TextBox">
            <b style="font-size:30px;">Обо мне</b></br>
            <p>Здравствуйте! Меня зовут Дмитрий. Я занимаюсь разработкой web-сайтов, а также
            осуществляю и дизайн интерфейсов. У меня уже сложился опыт в данной области и поэтому заказчики остаются довольны результатами моей деятельности. Процесс разработки дизайна довольно творческий, но и надо не забывать, что при этом разработчик сайта должен знать все последнии технологии в данной области. У меня такие навыки есть!<br/><a href="#" target="_self" >Подробнее...</a>
            </p>
        </div>
    </div>
  </div>
  <div id="ContainerWww">
    <div id="BackBtnWww" class="BackButton" onClick="backWww();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="WwwPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Создание сайтов</b></br>
        <p>Я разрабатываю сайты в основном на CMS Joomla последней версии, также возникает ряд задач, которые не поддерживает данная программа. В этом случае есть также выход: договорится с заказчиком о другой программе или писать её самому, но это значительно увеличивает стоимость сайта. Для всех повседневных задач CMS подходит.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerPCHelp">
    <div id="BackBtnPCHelp" class="BackButton" onClick="backPCHelp();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="PCHelpPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Консультация</b></br>
        <p>Я стараюсь сопровождать клиентов во время всей работы и непрерывно осуществляю с ним связь по e-mail. Для меня важно, чтобы заказчик был проинформирован о каждом шаге работ. Это исключает ряд сложностей при сдаче проекта. Вы можете получить консультацию по оказанию услуг через контакты.<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>
  <div id="ContainerContacts">
    <div id="BackBtnContacts" class="BackButton" onClick="backContacts();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="ContactsPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Контакты</b></br>
        <p>Телефон <strong>8 (916) 552-15-15</strong><br/>E-mail <strong>dimasyk@bk.ru</strong> <i>(желательный вид связи)</i><br/><a href="#" target="_self" >Подробнее...</a></p>
      </div>
    </div>
  </div>
  <div id="ContainerOffices">
    <div id="BackBtnOffices" class="BackButton" onClick="backOffices();"> Назад
    </div>
    <div class="InfoContainer">
        <div id="OfficesPhoto" class="Photo"></div>
        <div class="TextBox"><b style="font-size:30px;">Для малого бизнеса</b></br>
        <p>Я осуществляю создание не высоконагруженных порталов, т.к. он базируются на CMS. Отсюда не следует, что разрабатываемые сайты являются простыми. Если у вашей фирмы нет сайта, то обращайтесь скорее ко мне!<br/><a href="#" target="_self" >Подробнее...</a></p>
        </div>
    </div>
  </div>

</div>
</div>
<div id="LogoText">Создание сайтов, частный мастер.</div>
<script type="text/javascript" src="http://localhost:8888/joomla/templates/myjobsitetitletemplate/js/menuShower.js"></script>
</body>
</html>




它-ччаааааааа。

您的jquery代码很可能与某些内容冲突。请使用


jQuery.noConflict();


您的代码如下所示-


var $j = jQuery.noConflict();


$j("#ContainerOffices").slideDown( "slow" );



您的jquery代码很可能与某些内容冲突。请使用


jQuery.noConflict();


您的代码如下所示-


var $j = jQuery.noConflict();


$j("#ContainerOffices").slideDown( "slow" );



您的jquery代码很可能与某些内容冲突。请使用


jQuery.noConflict();


您的代码如下所示-


var $j = jQuery.noConflict();


$j("#ContainerOffices").slideDown( "slow" );



您的jquery代码很可能与某些内容冲突。请使用


jQuery.noConflict();


您的代码如下所示-


var $j = jQuery.noConflict();


$j("#ContainerOffices").slideDown( "slow" );



echo$this->baseurl
缺少分号。它可以工作，不需要“，但对于测试，我添加了分号-它给出了相同的结果。没有
；
，它是如何工作的？你的意思是HTML工作，当然是PHPnot@vlzvl不需要分号来终止PHP块的最后一行。PHP代码块的结束标记自动暗示分号。块“$（document）.ready（function（））{//Handler for.ready（）called.fillMenu（）；}）；'有效，但函数'hideBtn（btn）'未看到div L_n_n。
echo$this->baseurl
缺少分号。它有效且没有“；”，但对于测试，我添加了分号-它给出了相同的结果。没有
；
，它是如何工作的？你的意思是HTML工作，当然是PHPnot@vlzvl不需要分号来终止PHP块的最后一行。PHP代码块的结束标记自动暗示分号。块“$（document）.ready（function（））{//Handler for.ready（）called.fillMenu（）；}）；'有效，但函数'hideBtn（btn）'未看到div L_n_n。
echo$this->baseurl
缺少分号。它有效且没有“；”，但对于测试，我添加了分号-它给出了相同的结果。没有
；
，它是如何工作的？你的意思是HTML工作，当然是PHPnot@vlzvl不需要分号来终止PHP块的最后一行。PHP代码块的结束标记自动暗示分号。块“$（document）.ready（function（））{//Handler for.ready（）called.fillMenu（）；}）；'有效，但函数'hideBtn（btn）'未看到div L_n_n。
echo$this->baseurl
缺少分号。它有效且没有“；”，但对于测试，我添加了分号-它给出了相同的结果。没有
；
，它是如何工作的？你的意思是HTML工作，当然是PHPnot@vlzvl不需要分号来终止PHP块的最后一行。PHP代码块的结束标记自动暗示分号。块“$（document）.ready（function（））{//Handler for.ready（）called.fillMenu（）；}）；'有效，但函数'hideBtn（btn）'未看到div L_n_n。我选中了此选项-不起作用…我使用了$（document）.ready（）函数。但在本地html代码文件中，不会出现错误。@joomla模板中的hardcoder1，尝试调用脚本（如在html中的方式），而不使用php，因为我在服务器上测试它时，它工作正常。我选中了此选项-不工作…我使用了$（document）.ready（）函数。但是在本地html代码文件中，它可以正常工作。@hardcoder1在joomla模板中，尝试调用脚本（就像在html中一样），而不使用php，因为我在服务器上测试它时，它工作正常。我选中了此选项-不工作…我使用了$（document）.ready（）函数。但是在本地html代码文件中，它可以正常工作。@hardcoder1在joomla模板中，尝试调用脚本（就像在html中一样），而不使用php，因为当我测试