Показать сообщение отдельно
  #22 (permalink)  
Старый 07.08.2010, 11:27
Аватар для pilot
Интересующийся
Отправить личное сообщение для pilot Посмотреть профиль Найти все сообщения от pilot
 
Регистрация: 13.08.2009
Сообщений: 16

Либо вот так делаешь:
<script type="text/javascript" src="/js/jQuery.js"></script>
    <script type="text/javascript">
    $(function(){
        $("#ee").hover(function(){
            var bg = $(".portfolio");
            var bg1 = $(".portfolio_1");
            if (bg1.css("display") == "none"){
                bg.fadeOut(500);
                bg1.fadeIn(500);
            }
            else if (bg.css("display") == "none"){
                bg1.fadeOut(500);
                bg.fadeIn(500);
            }
        })
    });
    </script>
    <style type="text/css">
        .portfolio,.portfolio_1{
            background-image:url("/images/background.png");
            float:left;
            position:absolute;
            top:0;
            z-index:1;
            width:100%;
            height:100%;
            text-align:center;
            font:14px tahoma;
            color:black;
            text-decoration:none;
        }
        .portfolio_1{
            background-image:url("/images/background_1.png");
            display:none;
            z-index:3;
        }
        #ee{
            width:200px;
            height:100px;
            margin:20px;
            position:relative;
        }
    </style>
  <div id="ee">
      <a href="#" class="portfolio">Текст</a>
      <a href="#" class="portfolio_1">Текст</a>
  </div>

либо качаешь плагин и используя документацию и делаешь так как тебе именно надо.
Ответить с цитированием