Показать сообщение отдельно
  #1 (permalink)  
Старый 26.12.2011, 15:10
Профессор
Отправить личное сообщение для Александр х@к Посмотреть профиль Найти все сообщения от Александр х@к
 
Регистрация: 24.08.2011
Сообщений: 159

Выезжающая панель
Здраствуйте,

Срипт с фреймом, что с угла выезжает.
<div id="feedbackP">
    <div id="feedbackButton">
        Feedback
    </div>
    <iframe id="feedBackIframe" src="feedback.php"  scrolling="no" frameborder = "yes">
    </iframe>
</div>

ЦСС
#feedbackP{
    width : 400px;
    height : 272px;
    position : fixed; /* фиксируем позицию в окне */
    z-index : 50;
    /* сдвигаем панель вправо вниз: */
    top : 100%; 
    left : 100%;
    /* выдвигаем краешек: */	
    margin-top : -25px;
    margin-left : -130px;

    border : 2px solid;
    border-radius: 10px;
    
    padding: 5px;
    
    /*задаем эффект движения: */
    -moz-transition:margin 0.3s linear;	
    -o-transition:margin 0.3s linear;	
    -webkit-transition:margin 0.3s linear;	
    -ms-transition:margin 0.3s linear;	
    transition:margin 0.3s linear;	
}
#feedbackP:hover{	 
    /* выдвигаем панель на всеобщее обозрение: */	
    margin-top : -272px;
    margin-left : -400px;
    /*задаем эффект движения: */	
    -moz-transition:margin 0.3s linear;	
    -o-transition:margin 0.3s linear;	
    -webkit-transition:margin 0.3s linear;	
    -ms-transition:margin 0.3s linear;	
    transition:margin 0.3s linear;	
}

/*Делаем заголовок панели, как уголок папки с бумагами: */
#feedbackButton{
    font-weight : bold;
    margin-left : 10px;
    margin-top : -6px;
    border : 1px solid #717277;
    border-radius : 0px 0px 10px 10px;
    text-align : center;
    width : 100px;
    margin-bottom : 5px;
    color : #FFFFFF;
    background : #717277;
}

#feedBackIframe{
    width : 390px;
    height : 240px;
    border : 1px solid;
}

Кроссбраузерность:

* FF — да
* Chrome — да
* Safari — да
* Opera — панель всплывает не плавно, а рывком
* IE — молчу.
Но кроссбраузность у ФФ только новых(у мя 6 версия), взял 3-ью и...
всплывает не плавно, а рывком и даже не скругленные уголки.
Так вот как скрипт для старых версий ФФ довести до ума?
Ответить с цитированием