OwnZ! StyLe - Jquery Slide Menu


	OwnZ! StyLe


	Jquery Slide Menu

Demo: Tıkla

<script type="text/javascript" src="http://ownzstyle.co.cc/slide.js"></script>
<link rel="stylesheet" type="text/css" href="http://ownzstyle.co.cc/slide.css" />
	<script type="text/javascript">
	$(document).ready(function() {
		$(".topMenuAction").click( function() {
			if ($("#openCloseIdentifier").is(":hidden")) {
				$("#slider").animate({ 
					marginTop: "-141px"
					}, 500 );
				$("#topMenuImage").html('<img src="http://ownzstyle.co.cc/open.png" alt="open" />');
				$("#openCloseIdentifier").show();
			} else {
				$("#slider").animate({ 
					marginTop: "0px"
					}, 500 );
				$("#topMenuImage").html('<img src="http://ownzstyle.co.cc/close.png" alt="close" />');
				$("#openCloseIdentifier").hide();
			}
		});  
	});
	</script>
	
	<div id="sliderWrap">
		<div id="openCloseIdentifier"></div>
		<div id="slider">
			<div id="sliderContent">
			Sitemiz uzun bir aradan 
				sonra tekrar hizmetinizde..
			</div>
			<div id="openCloseWrap">
				<a href="#" class="topMenuAction" id="topMenuImage">
					<img src="open.png" alt="open" />
				</a>
			</div>
		</div>
	</div>

3 ziyaretçi bugün sitemizi ziyaret etti! ( kişi Çevrimiçi )

!!Önemli!!

Nasıl Yapılır? | Anlatım

Reklamlar

Bu web sitesi Bedava-Sitem.com ile ücretsiz oluşturuldu. Siz de kendi web sitenizi ister misiniz?

Ücretsiz kayıt ol