{include:Подменю Teamlead} {style} #page-wrap { width: 960px; height: 410px; margin: 10px auto; } h1 { font: bold 26px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; } h1, p { margin: 0 0 10px 0; } #rotator { width: 500px; height: 410px; position: relative; background: white; padding: 10px; } #block-1 { background: white; } #block-2 { background: white; } #block-3 { background: white; } #block-4 { background: white; } #rotator > div { position: absolute; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; border: 1px solid whitesmoke; border-radius: 8px; /* Для Opera */ -moz-border-radius: 8px; /* Для Firefox */ -webkit-border-radius: 8px; /* Для Chrome, Safari */ } #rotator > div > div { padding: 15px; } #rotator > div > div img { float: right; margin: 0 0 2px 5px; } #rotator .active { top: 1px; left: 19px; width: 630px; height: 410px; } #rotator .non-active-top { top: 1px; left: 668px; height: 70px; width: 220px; } #rotator .non-active-bottom { top: 90px; left: 668px; height: 70px; width: 220px; } #rotator .non-active-bottom2 { top: 179px; left: 668px; height: 70px; width: 220px; } #rotator .non-active-top:hover, #rotator .non-active-bottom:hover { cursor: pointer; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); box-shadow: 0 0 10px rgba(0,0,0,0.4); } #rotator h6 { text-align: center; line-height: 17px; } #rotator .active h6 { display: none; } #rotator .non-active-bottom2:hover { cursor: pointer; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); box-shadow: 0 0 10px rgba(0,0,0,0.4); } #rotator h6 { text-align: center; line-height: 17px; } #rotator .active h6 { display: none; } {style} {html} <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script> <script> // DOM готова $(function() { var current; function rotate() { // Выглядит ужасно, но классы должны быть использованы в определенном порядке if (current == 1) { $("#block-1").removeClass().addClass("active"); $("#block-2").removeClass().addClass("non-active-top"); $("#block-3").removeClass().addClass("non-active-bottom"); $("#block-4").removeClass().addClass("non-active-bottom2"); } else if (current == 2) { $("#block-1").removeClass().addClass("non-active-bottom2"); $("#block-2").removeClass().addClass("active"); $("#block-3").removeClass().addClass("non-active-top"); $("#block-4").removeClass().addClass("non-active-bottom"); } else if (current == 3) { $("#block-1").removeClass().addClass("non-active-top"); $("#block-2").removeClass().addClass("non-active-bottom"); $("#block-3").removeClass().addClass("active"); $("#block-4").removeClass().addClass("non-active-bottom2"); } else if (current == 4) { $("#block-1").removeClass().addClass("non-active-top"); $("#block-2").removeClass().addClass("non-active-bottom"); $("#block-3").removeClass().addClass("non-active-bottom2"); $("#block-4").removeClass().addClass("active"); } } $("#rotator div").click(function() { // Разрешаем обратный ход перестановки блоков current = this.id.substr(6); rotate(); }); }); </script> <div id="page-wrap"> <div id="rotator"> <div id="block-1" class="active"> <h6> <img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%97%D0%B0%D0%BF%D1%80%D0%BE%D1%81.png"> </h6> <div> <div id='feedback-main-div' style='font-size: 12px; font-family: Arial,Helvetica,FreeSans,sans-serif'> <form enctype='multipart/form-data' id='feedback-form' name='feedback-form' target='feedback-response' method='post' action='http://jira.teamlead.ru/plugins/servlet/feedback/create'> <input type='hidden' name='form-index' id='form-index' value='5'/> <div> <select id='feedback-component' name='feedback-component'> <option value='' selected >Выберите тему вопроса</option> <option value='14268'>Возможности продукта</option> <option value='14265'>Оценка проекта или разработки</option> <option value='14263'>Покупка и лицензирование продуктов</option> <option value='14560'>Услуги Teamlead</option> <option value='14267'>Сотрудничество</option> </select> <select id='feedback-affect-version' name='feedback-affect-version'> <option value='' selected >Выберите продукт</option> <option value='16023'>JIRA</option> <option value='16022'>Confluence</option> <option value='16021'>Development Tools</option> </select> </div> <div><input type='text' id='feedback-summary' name='feedback-summary' size='93' placeholder='Ваш вопрос' value=''/></div> <div><TEXTAREA id='feedback-body' name='feedback-body' COLS='96' ROWS='8' placeholder='Тут можно указать подробности...'></TEXTAREA></div> <div><input type='file' id='feedback-attachment' name='feedback-attachment' size='58' /></div> <input type='text' id='feedback-email' name='feedback-email' placeholder='Ваш e-mail для ответа' size='38' value=''/> <input type='button' value=' Задать вопрос ' onclick='addFeedback()'/> </form></div> <iframe id='feedback-response' name='feedback-response' frameborder='no' style='display: none' width='480' height='130'></iframe><script type='text/javascript'> function addFeedback() { jQuery('#feedback-response').show(); jQuery('#feedback-form').submit(); return false; } </script> </div> </div> <div id="block-2" class="non-active-top"> <h6> <img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%9E%D0%BD%D0%BB%D0%B0%D0%B8%CC%86%D0%BD+%D1%87%D0%B0%D1%82.png"> </h6> <br> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td rowspan="2"> <img border="0" height="400" src="http://www.teamlead.ru/download/attachments/15794201/teamlead_chat.png"> </td> <td> <img border="0" height="180" src="http://www.teamlead.ru/download/attachments/15794201/arrow_down.png"> <br> <a href="https://siteheart.com/webconsultation/21371?byhref=1&s=1" target="siteheart_sitewindow_21371" onclick="o=window.open;o('https://siteheart.com/webconsultation/21371?s=1', 'siteheart_sitewindow_21371', 'width=550,height=400,top=30,left=30,resizable=yes'); return false;"><img src="http://webindicator.siteheart.com/webindicator/image/1308171917?ent=21371&company=21371" border="0" /></a> </td> </tr> <tr> <td> </td> </tr> </table> </div> <div id="block-3" class="non-active-bottom"> <h6><img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%A2%D0%B5%D0%BB%D0%B5%D1%84%D0%BE%D0%BD.png"></h6> <div> <br><br> <img border="0" height="200" src="http://www.teamlead.ru/download/attachments/15794201/phone.jpg"> <p>С понедельника по пятницу</p> <p>с 10:00 до 18:00 (время Московское)</p> <br> <img border="0" src="http://www.teamlead.ru/download/attachments/15794201/teamlead_phone.png"> </div> </div> <div id="block-4" class="non-active-bottom2"> <h6><img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%90%D0%B4%D1%80%D0%B5%D1%81.png"> </h6> <br> <div> <p>г. Санкт-Петербург, Большой Сампсониевский проспект, д. 66-В (метро Лесная или Выборгская)</p> <img border="0" width="599" src="http://www.teamlead.ru/download/attachments/15794201/teamlead_map.gif"> </div> </div> </div> </div> {html} {include:Подвал сайта Teamlead без контактов} |