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
