Ilk Turkce blog girdimi de bu vesileyle yapiyorum, Macintoshta development yapanlar Coda adli programi bilirler panic.com/coda. Web sayfalarinda cok guzel kayarak gelen tablar kullanilmis, bi benzerini de ben jQuery kullanarak yaptim.

Bkz.


burada kullandiklarim:

jquery-1.2.6.min.js // jQuery core library (jquery cekirdek kutuphanesi demek pek hos gelmedi)
jquery.lavalamp.js // yukaridaki tablarin arkaplanlarini oynatan jquery eki

bundan sonrasi css ve biraz jquery…

Ilk basta html dosyasina DOM yüklendigi zaman($(document).ready) calisacak jQuery kod parcasini ekliyoruz.

$(document).ready(function() {

	//
	var sw = 450; //scroller width
	var sh = 300; //scroller height
	var sa = $(".scroll_item").length; //amount of total elements to be scrolled

	$(".scroll_item, .scroll_holder").css({'width': sw+'px', 'height': sh+'px'});
	$(".scrolling_box").css({'width': sw*sa+'px'});

	// create navigation
	for (i = 0; i < sa; i++){
			//alert(i);
			$(".menu").append("
Div "+i+"

");
		};

	// slider effect - easing plugin not included
	$("a").click(function () {
	  var x = $("li>a.scrollTrigger").index(this);
	  $(".scrolling_box").animate({ marginLeft : -sw*x}, {duration: 200, easing: "swing" });
	});

	// lava menu
	$(".menu").lavaLamp({
		fx: "swing",
		speed: 200,
		click: function() {return false;}
	});		

});

şimdilik tam aciklayici yazacak zamanim yok bir sonraki sefere biraz daha acik anlatmaya calisacagim, tum html kodu asagidaki gibidir.

				
				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				
			

				
				ate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				
			

				
				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in volupt, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in volupt, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				
			

				
				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				
			

				
				ate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				
			

				
				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in volupt, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in volupt, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				
			



	bi tane de oynak var burda!
	

• Voriger Eintrag: Inline-block problem in firefox 1 & 2
• Nächster Eintrag: Javascript ve PHP için kısa “IF Statement” örnekleri (ternary IF statements)