JQuery ile basit bir buton yapıyoruz. Örneğimizde kısa bir yazının, devamını görüntülemeyi kullandık. Bunun için div, p ve span taglarını kullandık… Span tıklandığında, click fonksiyonu çalışacak ve kısa yazımızın tamamı görüntülenecek, kapat butonu tıklandığında ise tekrar kısa ön yazıya dönülecek… 2 Adet içerik kullandım, birisi kısa ön yazı, diğeride devamına tıkladığımızda görüntüleyeceğimiz yazının tamamıdır. Butonlara [...]
Daha önce bu başlıkda basit bir açılır, kapanır menü yapmıştık. Şimdi ise aynı biçimde 3 satır kod yazarak dikey(vertical) menü yapıyoruz.. Örneği Buradan İnceleyebilirsiniz. Örneği olduğu gibi kaydedebilir, ya da kaynak kodları bir text dosyasında, .html dosyası olarak kaydederek deneyebilirsiniz.. JQUERY kodlarımız aşağıdaki gibidir…
JQUERY ve CSS ile basit açılır menü… Örneği Buradan İnceleyebilirsiniz.. İlgili sayfanın kaynak Kodlarına bakarak kodları kopyalayıp, html sayfası olarak kaydetmeniz yeterli olacaktır… Üst öğemizin arka plan resmi ise aşağıdaki gibidir. HTML sayfanızın yanına kopyalamanız yeterli olacaktır.. $(document).ready(function(){ $(“.icerik”).hide(); $(“h2.ustoge”).click(function(){ $(this).toggleClass(“active”).next().slideToggle(“fast”); }); }); H2, class ustoge olan tagımızın click olayına icerik tagımızın acılmasını sağladık.. slideToggle(“fast”) yerine slideToggle(“slow”) [...]
Bu yazımda CSS ile resimlerin otomatik boyutlandırmasına değineceğim. Varsayalım bir site tasarlıyoruz ve kullanıcıların eklediği resimlerin tasarım alanlarımızın dışına taşmasına engel olmak istiyor, engel olurken de resmin görünümünü bozmadan küçültmek istiyoruz. Ya da bizim dışımızda üyelerinde veri girdiği bir paylaşım sitemiz var ve böylesi bir sorunla karşı karşıyayız… Bu sorunu çözmek için, kod yazarak resmin [...]
