EmptyZero
Нужно написать функцию в которой при нажатии на ссылку, появляется модальное окно с анимацией 600милисекунд, после в это окно загружается информация из файла content.html .
Помогите пожалуйста.
EmptyZero
Нужно написать функцию в которой при нажатии на ссылку, появляется модальное окно с анимацией 600милисекунд, после в это окно загружается информация из файла content.html .
Помогите пожалуйста.
EmptyZero
suhonok, не хочу просто сайт многими библиотеками загружать.
добавлено спустя 3 минуты:
<a href="javascript:void(0);" onclick="modal();">GO</a>
<script type="text/javascript">
function modal() {
Тело функции
}
</script>
добавлено спустя 6 минут:
Тело функции нужно сделать рабочим и с анимацией, что-то вроде:
$(function() { $("#modal").overlay({
finish: { top: "center"}, expose: "#777"}); });
$.post("content.html", function(a) { $("#modal").html(a); } );
ELectRoniK
В окне ставишь анимацию, по умолчанию, потом через setTimeout вызываешь ф-ю, которая импортирует страницу и ставит на место анимации. Это самый простой способ.
14 Июн 2011, 16:43Ъb
EmptyZero, а ну тогда можно придумать что нибудь
добавлено спустя 17 минут:
<html><head><script type="text/javascript" src="http://feclub.ru//script/jquery.js?v1.6.1"></script>
<style type="text/css"> body{background: #eaeaea;height:2000px;}
#window_info{position:fixed; opacity:0; background: #cacaca; top: 50%; left: 50%; margin-top: -150px; margin-left: -150px;height:300px;width:300px;}
.click{cursor:pointer;}
.click:hover{cursor:pointer;text-decoration: underline;}</style><script>
function wind(){
$("#window_info").animate({opacity: 1}, 600 );
$('#window_info').load('content.html');
}</script>
<body>
<div id="window_info">Окно</div>
<span class="click" onclick="wind();">Явить окно</span>
</body></html>
можно так как вариант
Ъb
небольшое дополнение есть браузеры которые не чухают что такое opacity, сейчас столкнулся с этим сам...
в css вместо opacity:0;
display:none;
в javascript
вместо
$("#window_info").animate({opacity: 1}, 600 );
$("#window_info").fadeIn(600);
эффект почти одинкаковый, зато кроссбраузерно все
простенько и логично.