Birşeyi kaydırmak için gerekli kodumuz
<marquee></marquee>
Örneğin msnekstra yazısını kaydırmak için
<marquee>msnekstra</marquee> deriz.
kod:
<html>
<head>
<title>Kayan Yazı-msnekstra </title>
</head>
<body>
<marquee>msnekstra </marquee>
</body>
</html>
Ama yazımız sağdan sola doğru kayıyor bunu istersek sağa sola çarptırabiliriz
bunun için behavior="alternate" kullanıcaz bu kodumuz sağa sola çarptırmak için gerekli olan kodumuzdur.
kod:
<html>
<head>
<title>Kayan Yazı-msnekstra</title>
</head>
<body>
<marquee behavior="alternate">msnekstra</marquee>
</body>
</html>
Eğer kırmızı bir şerit üzerinde kaymasını istiyorsak marquee'nin rengini değiştirebiliriz
bunun için bgColor="red" kodunu kullanabiliriz.
kod:
<html>
<head>
<title>Kayan Yazı-msnekstra</title>
</head>
<body>
<marquee behavior="alternate" bgColor="red">msnekstra</marquee>
</body>
</html>
Yazımızı alttan üste doğru çıkartmak istiorsak direction="up" kodunu kullanırız eğer üstten alta doğru
kaydırmak istiyorsak direction="down" deriz ama bir çok sitede görmüşünüzdür duyurular bölümü diye
alttan üste doğru kayan yazılar bizde böyle birşey yapabiliriz. Ben bu durumda behavior="alternate" kodunu
silicem silmesekde calışır ama ben çarptırmak istemediğim için siliyorum.Şimdi kodumuzu yazalım
kod:
<html>
<head>
<title>Kayan Yazı-msnekstra</title>
</head>
<body>
<marquee direction="up" bgColor="red">msnekstra</marquee>
</body>
</html>
Şimdi burada dikkatimizi çeken bir olay var marquee alanı biraz geniş bunu küçültmemiz gerekmezmi
bunun için width="100" heigth="800" kodlarımızı kullanıyoruz burada width marquee'nin enini heigth ise
boyunun boyutunu belirler.
kod:
<html>
<head>
<title>Kayan Yazı-msnekstra</title>
</head>
<body>
<marquee direction="up" bgColor="red" width="100" heigth="800">msnekstra</marquee>
</body>
</html>
Şimdi Gelelim resim kaydırmaya aslında bununda yazıdan hiçbir farkı yoktur.
Şimdi bir kırmızı şerit üzerinde bir resmimizi kaydıralım
kod:
<html>
<head>
<title>Kayan Yazı msnekstra</title>
</head>
<body>
<marquee width="950" height="100" bgcolor="red">
<img src="1.jpg" width="100px" heigth="800px">
</marquee>
</body>
</html>
Şimdi 3 tane resmi yan yana kaydıralım 3 tane resmimizi çağırıyoruz
kod:
html>
<head>
<title>Kayan Yazı msnekstra</title>
</head>
<body>
<marquee width="950" height="100" bgcolor="red">
<img src="1.jpg" width="100px" heigth="800px">
<img src="1.jpg" width="100px" heigth="800px">
<img src="1.jpg" width="100px" heigth="800px">
</marquee>
</body>
</html>
Ben şimdi resimleri aşağıdan yukarı doğru kaydırmak istiyorum bunun içinde kayan yazıdaki gibi direction="up"
kodumu kullanıcam ama birazda heigth ide genişletcem
kod:
<html>
<head>
<title>Kayan Yazı msnekstra</title>
</head>
<body>
<marquee direction="up" width="800" height="400" bgcolor="red">
<img src="1.jpg" width="100px" heigth="800px">
<img src="1.jpg" width="100px" heigth="800px">
<img src="1.jpg" width="100px" heigth="800px">
</marquee>
</body>
</html>
Ama Yukardaki kodumuz da resimler yan yana peki bunu alt alta nasıl yapabiliriz
bunuda resimlerin arasına <br> kodumuzu koyarak yapabiliriz <br> kodumuz enter görevini üstlenir burada
ve birazda marqueenin width boyutu ile oynucam
kod:
<html>
<head>
<title>Kayan Yazı msnekstra</title>
</head>
<body>
<marquee direction="up" width="100" height="400" bgcolor="red">
<img src="1.jpg" width="100px" heigth="800px">
<img src="1.jpg" width="100px" heigth="800px">
<img src="1.jpg" width="100px" heigth="800px">
</marquee>
</body>
</html>
Blogtan HTML koduna tıklayıp direkt yapıştırın her düzenlemesini kendim yaptım çok güzel oldu sizde begeneceksinizdir.
Arama
Üye Listesi
Takvim
Yardım
