Asansörlü Sayfa Açılışı - İntro Efekti

A�IKLAMA En g�ncel hazır kodlar mekanı koddostu tarafından sizler i�in kodlanmış bu harika asans�r introsu sayesinde ziyaret�ileriniz sitenizde daha �ok gezmek isteyecek! Asans�rlerdeki kat d�ğmeleri şeklinde hazırlanmış �zel men�s�yle, asans�rl� sayfa a�ılış introsu, kod dostu farkını bir kez daha ortaya koyuyor!

4. sayfa 3. sayfa 2. sayfa Ana Sayfa

<script src="http://code.jquery.com/jquery-latest.js"></script>
<!DOCTYPE HTML><style type="text/css">div.koddostuasansor{display:none;position:fixed;text-align:center;z-index:99990;}div.asansorkoddostu{bottom:40px;left:0px;width:100%;height:350px;}</style><style type="text/css">div.koddostuasansor{_position:absolute;}div.asansorkoddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="koddostuasansor asansorkoddostu" id="koddostupanel">
<center>
<div style="background:transparent url(http://2.bp.blogspot.com/-n9e5fOu29pE/UFbpuWfF-aI/AAAAAAAAN3s/dyIv6YZl-ps/s350/aptawngorl.jpg) no-repeat top left;width:350px;height:350px;position:relative;dispaly:block;overflow:hidden !important;">

<a href="http://www.google.com" style="display:inline-block;width:180px;height:50px;background:transparent url(http://3.bp.blogspot.com/-ppPzyImzHNg/UFbnpouAfdI/AAAAAAAAN3g/qEAkfHnYdAA/s50/444.png) no-repeat top left;line-height:50px;text-align:left;padding:0px 0px 0px 70px;margin:50px 0px 15px 70px;font:24px normal Calibri, sans-serif;line-height:50px !important;color:#333;text-decoration:none;">4. sayfa</a>

<a href="http://www.facebook.com" style="display:inline-block;width:180px;height:50px;background:transparent url(http://3.bp.blogspot.com/-fwFDyn3CWQY/UFbno3eVnsI/AAAAAAAAN3Y/3NHGLN2pmHw/s50/333.png) no-repeat top left;line-height:50px;text-align:left;padding:0px 0px 0px 70px;margin:0px 0px 15px 70px;font:24px normal Calibri, sans-serif;line-height:50px !important;color:#333;text-decoration:none;">3. sayfa</a>

<a href="http://www.gmail.com" style="display:inline-block;width:180px;height:50px;background:transparent url(http://1.bp.blogspot.com/-AmE7NF0s-Yk/UFbnoOtQPbI/AAAAAAAAN3Q/We7EkL6-_t8/s50/222.png) no-repeat top left;line-height:50px;text-align:left;padding:0px 0px 0px 70px;margin:0px 0px 15px 70px;font:24px normal Calibri, sans-serif;line-height:50px !important;color:#333;text-decoration:none;">2. sayfa</a>

<a href="http://www.koddostu.com" style="display:inline-block;width:180px;height:50px;background:transparent url(http://1.bp.blogspot.com/-o9jPlItGzZc/UFbnnrE5XcI/AAAAAAAAN3M/OxTnslMoZ5s/s50/111.png) no-repeat top left;line-height:50px;text-align:left;padding:0px 0px 0px 70px;margin:0px 0px 15px 70px;font:24px normal Calibri, sans-serif;line-height:50px !important;color:#333;text-decoration:none;">Ana Sayfa</a>
<br/><br/>
<button onclick="document.getElementById('koddostupanel').style.display='none';" style="border:1px outset #888">Kapat</button>
<script type="text/javascript" language="javascript">

</script>
</div>
</center>

</div>

<!DOCTYPE HTML><style type="text/css">div.koddostupanac{position:fixed;text-align:center;z-index:99900;}div.pankapakd{bottom:80px;left:80px;}</style><style type="text/css">div.koddostupanac{_position:absolute;}div.pankapakd{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="koddostupanac pankapakd">
<button onclick="document.getElementById('koddostupanel').style.display='block';" style="border:1px outset #888">Kat Değiştir</button>
</div>

<!DOCTYPE HTML><style type="text/css">div.solpanels{position:fixed;z-index:99000;}div.safpanels{position:fixed;z-index:98000;}div.molpanels{top:0px;left:-2px;}div.mrlpanels{top:0px;right:-2px;}</style><style type="text/css">div.solpanels{_position:absolute;}div.safpanels{_position:absolute;}div.molpanels{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}div.mrlpanels{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div id="revealDiv1" class="solpanels molpanels" style="overflow:visible !important;">
<style>#asac:hover{opacity:1.0 !important;filter:alpha(opacity=100) !important;}</style>
<a onfocus="this.blur();" href="javascript:void(0)" id="asac" style="opacity:0.85;filter:alpha(opacity=85);text-decoration:none;display:block;width:108px;height:108px;border:none;font-family:Tahoma,arial,helvetica; font-size:10pt; font-weight:bold;color:#444;background:transparent url(http://3.bp.blogspot.com/-IpL_xFQv_Ew/UFb2a8xR1GI/AAAAAAAAN4g/K3YZnCwhAYc/s1600/elevator-buttons.png) no-repeat top left;text-align:center;position:absolute;right:-54px;top:50%;"></a>
</div>
<div id="revealDiv2" class="safpanels mrlpanels">
</div>
<script>
$("#asac").click(function(){
document.getElementById('asac').style.display='none';
  $("#revealDiv1").animate({"left": "-=50%"}, 1600);
  $("#revealDiv2").animate({"right": "-=50%"}, 1600);
document.getElementById('koddostupanel').style.display='none';
});
</script>