JavaScript ile Kayan Haber Sistemi

Manşet sistemizi ilerletip biraz daha üstüne birşeyler ekliyoruz.

Evet arkadaşlar, merhabalar.

Önceki dersimde bir haber sisteminin manşet kısmından söz edip örnek yapmıştık. Bakmayan arkadaşlarımın şuraya bakmasını tavsiye ederim. Çünkü bu dersimizde onun üstüne bir şeyler eklemeye çalışacağız. Sabırsızlandığınızı hissediyorum uzatmadan dersimize geçiyorum.

Bir önceki dersimizde Jscrpit.js adlı bir dosya'da id'lerimizi document.getElemendById('id') ile çağırmıştık, onları tekrar yazmama gerek yok. Şimdi ise şöyle bir kod yazalım:

Default.html


<table border="0" cellspacing="1" cellpadding="1" width="709">

<tr>

<td  align="left" width="20"><img src="geri_ok.jpg" alt="Burada Resimlerin Sol Tarafa Akmasını sağlıyoruz istediğiniz resmi koymak size kalmış" onmouseover="riza.direction='left',

riza.scrollAmount=5" 

onMouseOut="riza.scrollAmount=2,

riza.scrolldelay=10" onClick="riza.scrollAmount=5" onDblClick="riza.scrollAmount=5 " 

>

</td>

<td width="670" align="center">

<marquee direction=right scrollAmount=2 id="riza" scrollDelay=60 onmouseOver="this.stop();" onmouseOut="this.start();">

<span onMouseOver="Goster('1')"><img src="resim1.jpg"></span>

<span onMouseOver="Goster('2')"><img src="resim2.jpg"></span>

<span onMouseOver="Goster('3')"><img src="resim3.jpg"></span>

<span onMouseOver="Goster('4')"><img src="resim4.jpg"></span>

<span onMouseOver="Goster('5')"><img src="resim5.jpg"></span>

<span onMouseOver="Goster('6')"><img src="resim6.jpg"></span>

</marquee>

</td>

<td width="20" align="right"><img  alt="Burdada Sağ Tarafa Hızlı Akması İçin Diğer Okdada sola hızlı akıyordu" onMouseOver="riza.direction='right',riza.scrollAmount=5" onMouseOut="riza.scrollAmount=2,riza.scrolldelay=10" onClick="riza.scrollAmount=5" onDblClick="riza.scrollAmount=5" src="images/ileri_ok.gif" width="20" height="201" /></td>



Kodları dikkatli takip ederseniz hiç karışık değil. Burda biraz öyle görünmüş, siz aldırmayın

Evet, bu sayede kayan haber sistemi yaptık. İyi, kötü, umarım faydalı bir ders olmuştur.

İyi çalışmalar...
  • Etiketler;
Yorum Yaz

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

Yukarı Git