Üzerine gelindiğinde sabitlenen haber başlıkları yapalım

Üzerine mouse ile gelindiğinde duran, uzaklaştırıldığında devam eden haber başlıkları yapalım.

Merhabalar,

Bu dersimizde çoğu sitede görüğüdmüz duyuru, haber başlıklarının kayan yazıların mouse ile üzerine gelindiğinde durması çekilince devam etmesi nasıl oluyor onu öğrenelim.


<html>

<body>

</body>

</html>



Temel kodlamarımız yazdıktan sonra sayfamıza bir adet kaayn yazı ekleyelim.


<marquee>sanalkurs.net</marquee>



Bu kayan yazımızı,üzerinde gelidğinde durası/devam etmesi olayını javascript kodları ile mümkün kılıyoruz.


onmouseover="this.stop()" , onmouseout="this.start()"



Bu iki kodumuzu kayan yazının içerisine yazdığımızda sayfamız istediğimiz hali alıcaktır.

onmouseover= mouse yazının üzerine geldiğinde
onmouseout=mouse yazının üzerindeki alandan çıktığında.
this.start() ve this.stop() başla ve bitir olarak kullanılırlar.


<html>

<head></head>



<body>

<marquee onmouseover="this.stop()" onmouseout="this.start()">sanalkurs.net</marquee>

</body>

</html>



Örnek;





sanalkurs.net

  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

tşkrler o marquee kodunu arıyordum geçenlerde googleden buldum :) keşke daha önce yapsan
Sanalkursun dersleri çok güzel ve kısa, anlaşılır bir şekilde anlatılmış... Herkese teşekkür ederim. İnşaallah bir gün biz de ders hazırlarız..
Nasıl oluyor diye merak ederdim saol
Öğretici güzel bir çalışma olmuş.Merak ettiğim bi konuydu.Sanalkurs'a emeği geçenlere teşekkürler.
çok saol çok işime yarar:)
Paylaşım için teşekkürler. Birde bu yazıları nasıl çoğaltırız, koordinatlar arası nasıl sınırlarız, dikey nasıl kaydırırız gibi soruların cevabını veririseniz daha makbule geçer. Teşekkürler
Paylaşım için teşekkürler. Birde bu yazıları nasıl çoğaltırız, koordinatlar arası nasıl sınırlarız, dikey nasıl kaydırırız gibi soruların cevabını veririseniz daha makbule geçer. Teşekkürler
<br> ile aşağı satırlara atabilirsiniz yazıları ve çoğaltabilirsiniz. Ayrıca marquee kodunun içeriine ; direction="up" yazarsanız yön sorunu hallolur. "up" yrine down da yazabilirsiniz hangisni beğenirseniz deneyebilirsiniz. <marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()"> yazılar buraya </marquee> Son hali bu olucak yani.

Yukarı Git