HTML Ders-11 Kayan Yazı (Marquee)
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

HTML Ders-11 Kayan Yazı (Marquee)

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(7680)
RAPOR ET
HTML serimize devam ediyoruz bu derste kayan yazı yapacağız.Yani nasıl derseniz sağdan yazı girip sola gidecek çıkacak ve tekrar gelecek gibi.

Tagımız marquee.Bunun 3 parametresi var.Parametrelerden başlayalım ve sonunda örnek yapalım.

1-Behavior
Behavior kayma stili oluyo.3 tane stil i var.
1-slide =Varacağı yere gidince durur.
2-scroll=Sayfadan çıktığında başa döner tekrar kayar.
3-alternate=Varacağı yere gider ve geri döner.

Örnek :
<marquee behavior="alternate">cArleone</marquee>


2-Direction
Direction yönü oluyo.up-down-left-right olmak üzere 4 yönü var.
up=aşağıdan yukarı
down=yukardan aşağı
left=sağdan sola
right=sağdan sola kayan yazı için.


Örnek :
<marquee direction="up">cArleone</marquee>


3-Scrollamount
Scrollamount kayma hızı oluyo.10 ideal.Ama siz kendinize göre şekillendirebilirsiniz.

Örnek :
<marquee scrollamount="10">cArleone</marquee>


Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>cArleone</title>
</head>
<body>

<marquee behavior="scroll" direction="down" scrollamount="5">cArleone</marquee>
<marquee behavior="scroll" direction="right" scrollamount="10">cArleone</marquee>
<marquee behavior="scroll" direction="left" scrollamount="15">cArleone</marquee>
<marquee behavior="scroll" direction="up" scrollamount="10">cArleone</marquee>

</body>
</html>


Görüntüsü :
http://ustaderslik.com/resim/ders/t77u5.png




zolderesmans
zolderesmans 108 Gün Önce Cevaplandı
<style>
body {margin:0px; padding:0px;}
div.newsbar img,div.newsbox img{border:none;}


div.newsbar{height:38px; background:white url(http://www.urfasonhaber.com/flashaber-bg.jpg); overflow:hidden;}
div.newsbar a,div.newsbar a:visited{color:#ffff; text-decoration:none;}
div.newsbar a:hover{color:#666666; text-decoration:underline;}
div.newsbar a.logo{position:absolute;}
div.newsbar ul {margin:0px; padding:5px; list-style:none;}
div.newsbar ul li{ float:left; font-family:Tahoma; font-size:11px; font-weight:bold; line-height:28px; margin:0px 8px;}


</style>
<div class="newsbar"><a href="Logo Linki Eklenecek" class="logo" title="Site Başlık - Bu Noktada Haber Var" target="_blank"><img src="http://www.urfasonhaber.com/flashaber.gif" alt="Urfasonhaber.CoM - Bu Noktada Haber Var!"></a>
<marquee behavior="scroll" direction="left" width="100%" scrollamount="2" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()">

<ul>
<li><a target="_blank" href="Haber Linki Eklenecek" ,="" title="Örnek Haber Başlık">Örnek Haber</a></li><li></li>

</ul>


</marquee></div>


Böyle bir Çalışmam Var Kardeş Sağdan Başlayıp Sola Doğru Bitmektedir Bir Türlü Kesemedim Durması Gereken Yerde Durmuyor Sağdan Çıkması İstediğim Ama Soldan Durmasını İstediğim Noktayı Nasıl Ayarlıyacağız Örnek Kodu Gönderdim



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol