Günümüzde Jquery ile yapılan işler çok farklı yerlere gitmeye başladı.Yaptığımız websitelerinde değişik fontlarla yazı yamak için genelde resim dosyaları oluştururuz.Bu da websitelerine ek yük getirir.İşde bu olay için alternatif bir uygulama.
jQuery Text Effect Plugin
İlk Olarak gerekli dosyaları burdan download ediyoruz.
1.Adım
<head></head> Tagları arasına
<script src="js/jquery.js" type="text/javascript"></script> <script src="js/jqIsoText.js" type="text/javascript"></script>
Kodlarını ekliyoruz.
2.Adım
<body></body tagları arasına kodumuzu ekliyoruz.
<div id="examples">
<h3>Examples</h3><br />
<span class='default'>This sentence will be treated with default options</span><br />
<code>$('.default').jqIsoText()</code>
<br /><br />
<span class='split'>For this sentence words will be treated separatly</span><br />
<code>$('.split').jqIsoText({ split:'yes' })</code>
<br /><br />
<span class='big'>Use custom sizes and start from bigger</span><br />
<code>$('.big').jqIsoText({ fromSize: 50, toSize: 10 })</code>
<br />
</div>
<script>
$('#head h2').jqIsoText({fromSize: 25, toSize: 50 });
$('#head h1').jqIsoText({ fromSize: 50, toSize: 90 });
$('.download a').jqIsoText({ fromSize: 50, toSize: 15 });
$('.com').jqIsoText();
$('.split').jqIsoText({split:'yes'});
$('.default').jqIsoText();
$('.big').jqIsoText({ fromSize: 50, toSize: 10});
</script>
</div>
Şeklinde bir kullanımı var.Daha detaylı bilgi için burayı.Demo Gösterimi için Burayı tıklayınız.Gerekli dosyayı İNDİR.( NOT: indirdiğiniz dosyanın uzantısını js olarak değiştirniz.)
