HTML Ders-11 Kayan Yazı (Marquee)

Udemy'e Git

Demo

HTML Ders-11 Kayan Yazı (Marquee)

cArleone

BEĞEN(1)

BEĞENME(0)

GÖRÜNTÜLENME(30475)

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 6 Yıl Ö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