Bu örneğimizde gizli bir menü ve site ile ilgili ufak yazılar yazarak sitedeki faaliyetlerden kullanıcıları haberdar edebilirsiniz. Şimdi bunun nasıl yapıldığına bir gözatalım.
Öncelikle sayfamızın <head> tagları arasına aşağıdaki script i yazalım.
1: <link rel="stylesheet" type="text/css" href="expandticker.css" />
2: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
3: <script type="text/javascript" src="expandticker.js">
4: </script>
5: <script type="text/javascript">
6: expandticker.init({
7: id: 'expandticker1',
8: snippetlength: 25,
9: fx: 'slide',
10: timers: {rotatepause:3000, fxduration:500} //--No comma following last option!
11: })
12: </script>
Daha sonrada <body> tagları arasına aşağıdaki kodları yapıştırıyoruz.
<div id="expandticker1" class="expandticker">
<div class="expandcontent">
<a href="http://www.kodarsivi.net">Kod Arşivi Menü 1</a><br />
Asp.Net ile ilgili Makaleler
</div>
<div class="expandcontent">
<a href="http://www.javascriptkit.com">Kod Arşivi Menü 2</a><br />
Cep telefonu ile ilgili bilgiler.
</div>
<div class="expandcontent">
<a href="http://www.codingforums.com">Kod Arşivi Menü 3</a><br />
HTML-CSS ile ilgili makaleler.
</div>
<div class="expandcontent">
<a href="http://www.cssdrive.com">Kod Arşivi Menü 4</a><br />
Photoshop ile ilgili yazılar.
</div>
</div>
Son olarak aşağıdaki Js, Css ve resmi sayfanızın olduğu dizine kopyalıyoruz.
expandticker.js (5,93 kb)
expandticker.css (682,00 bytes)
Örnek İçin Tıklayınız
Kolay Gelsin....
Subscribe