FrontEnd Developer RoadMap – HTML 5 Tutorial 46 Marquee Etiketi


Merhabalar, bu yazımda kayan içerikler oluşturmak için kullanacağımız marquee etiketine bakacağız.

Marquee etiketi içine bir yazı koyulabilir. Bir resim koyulabilir.

Marquee içine ismimizi yazalım ve soldan sağa kaydıralım.

Marquee etiketinin direction attribute’u ile yönünü belirtebiliriz. 

<marquee direction=right>
 
    <p>Murat Bilginer</p>
    
</marquee>

Şimdi bunu bir resim ile yapalım.

right left up ve down değerlerini verelim.

<marquee direction="right">
 
    <img src="Images/ari.png" alt="">
    
</marquee>
 
<marquee direction="left">
 
    <img src="Images/ari.png" alt="">
    
</marquee>
 
<marquee scrollamount="1" height="50" width="100%" direction="down">
 
    <img src="Images/ari.png" alt="">
    
</marquee>
 
<marquee  scrollamount="1" height="50" width="100%"direction="up">
 
    <img src="Images/ari.png" alt="">
    
</marquee>

Aynı anda sağdan sola ve soldan sağa için behavior attribute’un alternate değeri kullanılır.

<marquee behavior="alternate">
 
    <img src="Images/ari.png" alt="">
    
</marquee>

Çoklu İçerikte Kaydırabiliriz.

<marquee behavior="alternate">
 
    <img src="Images/ari.png" alt="">
 
    <p>Murat Bilginer</p>
 
    <img src="Images/ari.png" alt="">
    
</marquee>

Bir sonraki yazımda görüşmek üzere.

Exit mobile version