Html’de Marquee Kullanarak Kayan Yazı, Resim Yapma

Web sayfalarımızın bazı kısımlarında yazı ya da resimlerin kayarak geçmesini isteyebiliriz. Bu gibi durumlar için HTML’de bulunan marquee etiketinden faydalanacağız. Bu arada kayan yazıyı hangi resmin ifade edebileceğini bilmediğimden üzerinde ledlerle kayan yazı yazan bir tabelanın resmini koydum yazıya öne çıkarılmış görsel olarak.
Neyse tekrar konumuza dönelim. Diyelim ki Ahmet İşcan yazısını kaydırmak istiyoruz. onun için kullanacağımız kod <marquee>Ahmet İşcan</marquee> şeklinde olacak.

Şimdi konuyla ilgili birkaç örnek yapalım. Örneklerin nasıl çalıştığını görmek için örnek kodların alt kısmında bulunan Demo linklerini kullanmanız yeterlidir.

Örnek 1:

Demo

Örnek 2:

Ama gördüğünüz gibi marquee etiketine hiçbir parametre vermezsek sadece sağdan sola kayıyor. Ama biz istersek yazımızın sürekli kaymasını engelleyerek sağa ve sola çarpmasını sağlayabiliriz. Bunun için behavior=”alternate” parametresini eklememiz yeterli.

Demo

Eğer kayan kısmın arkaplanını da değiştirmek istersek kodumuza bgColor=”red” parametresini eklememiz yeterli.

Demo

Şimdiye kadarki örneklerde metinlerimizi sağa veya sola kaydırıyorduk. Eğer yukarı veya aşağı kaydırmak istiyorsak da direction parametresinden faydalanacağız.

Yukarı doğru kaydırmak için direction=”up” parametresini, aşağı doğru kaydırmak içinse direction=”down” parametresini kodumuza ekliyoruz.

Demo

Şimdiye kadarki örneklere dikkat ettiyseniz genişlik ve yüksekliği belirlemedik. Kayan kısmın büyüklüğünü belirlemek içinse height(yükseklik) ve width(genişlik) parametrelerinden faydalanacağız.

Demo

Metin yerine resim kaydırmak istersek de durum aslında pek farklı değil. Yine marquee etiketinin içerisinde resimleri img etiketiyle ekliyoruz. Tam olarak ne demek istediğimi aşağıdaki örnek koddan anlayabilirsiniz.

Demo

Birden fazla resmi de yan yana kaydırmak istersek marquee etiketinin içerisinde birden fazla img etiketi kullanacağız sadece 🙂

E-posta listesine abone olarak yeni yazılarımdan anında haberdar olabilirsiniz.

Ahmet İşcan

Php Developer..

3 thoughts on “Html’de Marquee Kullanarak Kayan Yazı, Resim Yapma

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir