は、誰かがこのようなアニメーションを行う方法を教えてもらえます新しいリンクを開いて新しいページを開く（古いコンテンツを閉じて、新しいコンテンツを開く）ように、すべてのテキストコンテンツが表示されているウィンドウを開きたいと思います。現在のウィンドウ設定のためにいくつかのajaxコードをコピーしたばかりの初心者です。現在のウィンドウコードはすべてindex.htmlにあります。私は現在のコードに追加する必要があることを知っていませんが、それは私が求めている方法で動作させるためです。誰かが私を正しい方向に向けることができますか？Ajaxのオープンは、閉じる効果
ありがとうございました
大胆にお試しください。ここにはsome demosがあります。 Effect.GrowとEffect.Shrinkはあなたのニーズに合うようです。注意してください、これはDIVの可能性が高いウィンドウではありません。
あなたのウェブサイトの元には、AJAXの効果を得るために、本当に古い学校のJavascriptを使っていることがわかりました。あなたのウェブサイトに必要な先進的なJavascriptの必要性があるという事実を念頭に置いて現在の要求を念頭に置き、jQueryをチェックアウトすることをお勧めします。 ）あなたの方法に：その後、
<ul id='menu'>
<li><a href="pages/Home.html" class="home"><span>Home</span></a></li>
<li><a href="pages/About.html" class="about"><span>About</span></a></li>
<li><a href="pages/Services.html" class="services"><span>Services</span></a></li>
<li><a href="pages/Portfolio.html" class="portfolio"><span>Portfolio</span></a></li>
<li><a href="pages/Contact.html" class="contact"><span>Contact</span></a></li>
</ul>
そして、あなたはこれでJavascriptのためにあなたが持っているmontrocityに代わっ：
$(function() {
$('a', '#menu').click(function() { // when someone clicks on a menu link...
// get the page contained in the links href attribute....
$.get($(this).attr('href'), function(html) {
// once the content is here, animate the content div...
$('#MainContent').animate({
height: '20px' // make the div smaller....
}, 'fast', function() {
// when it is all the way down, update the div with the new
// html, and animate it back up....
$(this).html(html).animate({
height: 'auto'
}, 'fast');
});
});
return false;
});
});
これはあなたのウェブサイトを行います：