Birşeyi kaydırmak için gerekli kodumuz
<marquee></marquee>
Örneğin Sanalkurs yazısını kaydırmak için
<marquee>Sanalkurs</marquee> deriz.
kod:
<html>
<head>
<title>Kayan Yazı-Sanalkurs</title>
</head>
<body>
<marquee>Sanalkurs</marquee>
</body>
</html>
örnek site: sanalkurs.sitemynet.com/k.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ı-Sanalkurs</title>
</head>
<body>
<marquee behavior="alternate">Sanalkurs</marquee>
</body>
</html>
örnek site :
Tıkla
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ı-Sanalkurs</title>
</head>
<body>
<marquee behavior="alternate" bgColor="red">Sanalkurs</marquee>
</body>
</html>
örnek site:
Tıkla
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ı-Sanalkurs</title>
</head>
<body>
<marquee direction="up" bgColor="red">Sanalkurs</marquee>
</body>
</html>
örnek site:
Tıkla
Ş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ı-Sanalkurs</title>
</head>
<body>
<marquee direction="up" bgColor="red" width="100" heigth="800">Sanalkurs</marquee>
</body>
</html>
örnek site:
Tıkla
Ş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ı Sanalkurs</title>
</head>
<body>
<marquee width="950" height="100" bgcolor="red">
<img src="1.jpg" width="100px" heigth="800px">
</marquee>
</body>
</html>
örnek site :
Tıkla
Şimdi 3 tane resmi yan yana kaydıralım 3 tane resmimizi çağırıyoruz
kod:
<html>
<head>
<title>Kayan Yazı Sanalkurs</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>
örnek site:
Tıkla
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ı Sanalkurs</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>
örnek site:
Tıkla
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ı Sanalkurs</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>
örnek site:
Tıkla
eğer resimlerin arasına boşluk olmasını istiyorsanız kodu ile koyabilirsiniz
ne kadar çok koyarsanız o kadar boşluk olur.
Çok güzel bir hazırlamışsınız. Bana örneğin resim kayarken veya yazı kayarken mouse ile üzerine geldimizde kayan yazıların durması için hangi kodlar kullanılıyor onu da buraya yazarsanız çok sevinriim ..
renk ve boyutu değiştirmek için css bilmeniz gerek css bölümünden boyut ve renk değiştirme derslerine bakın ve tablo içine class"renk" diye yazarak değiştirebilirsiniz yani örneğin
okulda bunları es geçtiler bizde
