Kullanıcı Alanı
Kategoriler
Arama
Çevrimiçi Kullanıcılar
(1 Misafir) Toplam: 1
Son Kaydolan Kullanıcı: korsan_132
Yazar Kadrosu
| Yazar | Ders Sayısı |
| Erkan Coşu | 30 |
| Semih Coşu | 16 |
Anasayfa » Javascript » Üzerine Gelince Duran Kayan Yazı Yapmak
Yazan: Erkan Coşu
Tarih: 15-08-2010 18:49
Okunma: 803
Tarih: 15-08-2010 18:49
Okunma: 803
Üzerine Gelince Duran Kayan Yazı Yapmak
Merhaba arkadaşlar, bu dersimizde fare üstüne geldiğinde duran, gittiğinde hareket etmeye devam eden kayan yazı eklemeyi anlatacağım.
Konuyu HTML altında da yazabilirdim fakat Javascript'e giriş için güzel bir konu olabilir diyerek burada yazdım.
Bir çoğumuz yaptığımız sitede haberleri yada duyuruları genelde kayan yazı yaparız. Bunun için marquee tagını kullanırız. Fakat sadece bununla bırakırsak yazı kayıp durur ve bizde tıklamak için zorlanırız. Dolayısı ile 2 ufak javascript yazmamız gerek..
Kod:
anlaşıldığı gibi fare üzerine geldiğinde dur, fare üzerinden gittiğinde de başla komutlarını veriyor..
Genel olarak kodu yazacak olursak :
Kod:
Canlı örnek:
Konuyu HTML altında da yazabilirdim fakat Javascript'e giriş için güzel bir konu olabilir diyerek burada yazdım.
Bir çoğumuz yaptığımız sitede haberleri yada duyuruları genelde kayan yazı yaparız. Bunun için marquee tagını kullanırız. Fakat sadece bununla bırakırsak yazı kayıp durur ve bizde tıklamak için zorlanırız. Dolayısı ile 2 ufak javascript yazmamız gerek..
Kod:
onmouseover="this.stop()"
onmouseout="this.start()"
anlaşıldığı gibi fare üzerine geldiğinde dur, fare üzerinden gittiğinde de başla komutlarını veriyor..
Genel olarak kodu yazacak olursak :
Kod:
<marquee scrollamount="1" loop="99999" width="300" height="140" scrolldelay="50" direction="up" onmouseover="this.stop()" onmouseout="this.start()"><a href="http://www.kodlasana.net">Kodlasana!</a></marquee>
Canlı örnek:
Sadece üyelerimiz yorum yapabilir... Eğer üye iseniz lütfen giriş yapınız. Değilseniz hemen Buraya tıklayarak ücretsiz üye olabilirsiniz.