|
Каталог статей
Форма входа в верхней части сайта
Скрипт проверен во всех современных браузерах и работает нормально. Установка: В самый верх на нужных страницах вставляйте:
Код <style type="text/css"> <br>#panel { <br> position: fixed; <br> width: 100%; <br> height: 42px; <br> background: #555; <br>} <br><br>#panel input { <br> margin-top: 10px; <br> border: 1px solid #555; <br> background: #FFF; <br>} <br><br>#panel a { <br> font: normal normal bold 11px/13.2px Tahoma; <br> margin-top: 10px; <br> color: #FFF; <br>} <br><br>#panel a:hover { <br> text-decoration: underline; <br>} <br></style> <br><div id="panel" align="center"> <br> <input type="text" id="user" /> <br> <input type="password" id="password" /> <br> <input type="button" id="sbm" value="Вход" /> <br> <a href="javascript://" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;"> <br> Забыл пароль <br> </a> <br> | <br> <a href="/index/3" target="_blank"> <br> Регистрация <br> </a> <br><br> <br><span id="status"></span> <br></div> <br><script type="text/javascript"> <br>var scrollable = true; <br>$(window).scroll(function () { <br> $('#panel:animated').stop(); <br> if ($(document).scrollTop() > 0 && scrollable) { <br> $('#panel').animate({ <br> opacity: 0.3 <br> }, <br> 1000), <br> scrollable = false; <br> } else { <br> $('#panel').animate({ <br> opacity: 1 <br> }, <br> 1000), <br> scrollable = true; <br> } <br>}); <br>$('#sbm').click(function () { <br> $('#status').html('<b style="color: gray;">Отправка запроса</b>'); <br> $.post('/index/sub', { <br> user: $('#user').val(), <br> password: $('#password').val(), <br> remlogin: 1, <br> a: 2, <br> ajax: 1 <br> }, <br> function (a) { <br> $('#status').html($(a).text().indexOf('ad=window.location') != -1 ? '<b style="color: green;">Авторизация прошла успешно</b>' : '<b style="color: red;">Произошла ошибка</b>'); <br> }); <br>}); <br></script>
|
Категория: Красивая форма входа для ucoz. | Добавил: BeyB (18.11.2013)
|
Просмотров: 1190
| Рейтинг: 5.0/1 |
|
Мой профиль
Привет, Гость
Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
|
| | |