Kategori: JQuery | Yorum Yok »
Tarih Nisan 15th, 2008 Yazar admin
Yazılarımızın içine karışan gülümsemeleri göstermek için JQuery nin JSmile pluginini kullanabiliriz.
Kurulumu oldukça basit ve boyutları çok küçük
Önce kütüphaneleri sayfamıza include ediyoruz, < /head> tagından önce
<script type="text/javascript" src="http://packed.it/JSmile/demo/jQuery.php"></script>
<script type="text/javascript" src="http://packed.it/JSmile/?jQuery"></script>
<script type="text/javascript" src="http://packed.it/JSmile/?jQuery"></script>
Bu kütüphaneleri indirip kendi localinizdende çağırabilirsiniz.JQuery JSmile
Gelelim seçicilik olayına ; burada seçicilikten kastımız hangi tagların arasında işlem yapıcak olmamız.
<script type="text/javascript"><!--//
$(function(){
$(document.body).smile();
});
//--></script>
$(function(){
$(document.body).smile();
});
//--></script>
body arasındaki tüm tagları seçer
<script type="text/javascript"><!--//
$(function(){
$("div.post, p.comments").smile();
});
//--></script>
$(function(){
$("div.post, p.comments").smile();
});
//--></script>
div.post ve p.comments tagları arasını seçer.
Seçicilik için daha detaylı bilgiye eburhan.com un buradaki yazısından erişebilirsiniz.
Benim demo da kullandığım
<script type="text/javascript"><!--//
$(function(){
var smiled = false;
$("#run,h1").click(function(){
$(document.body).smile(smiled = !smiled);
this.blur();
return false;
});
});
//--></script>
$(function(){
var smiled = false;
$("#run,h1").click(function(){
$(document.body).smile(smiled = !smiled);
this.blur();
return false;
});
});
//--></script>
body ve h1 içindekileri #run ile tetikleyerek gösteriyorum
