script.aculo.us efektleri
Sadece effect’lerini kullanmak için tüm kütüphane yerine effects.js’yi yüklemenin yeterli olduğu, kullanımı ise sayfaya “hello world” yazdırmak kadar kolay olan prototype üzerine yazılmış javascript kütüphanesinin effect’lerinin nasıl kullanıldığını görmek için resimi inceleyebilirsiniz.
Henüz yorum yapılmamış
Henüz geribildirim yok
Etkileyici Bir HTML5 Video Oynatıcısı: JW Player for HTML5
yaklaşık 2 ay önce - 1 yorum
Okunma Sayısı : 608
jQuery tabanlı olarak hazırlanmış, tasarımsal ve işlevsel müdahalelere imkan veren, popüler web video oynatıcısı (Web Media Player) JW Player, yeni HTML5 versiyonu olan JW Player for HTML5 oynatıcısını, beta olarak kullanıma sundu.
Devamı ve kaynak için : algoz – bildirgec.org
jQuery ve CSS kullanarak otomatik tamamlama yapımı
yaklaşık 2 ay önce - 1 yorum
Okunma Sayısı : 625
HTML
<h3>Enter Name : </h3>
<div id="auto_box">
<input type="text" />
<div class="list_name none">
<p>Prashant</p>
<p>Arun</p>
<p>Sunny</p>
<p>Girish</p>
<p>Vikas</p>
<p>Raghubir</p>
<p>Sameer</p>
<p>John</p>
<p>Steve</p>
<p>Ember</p>
<p>Nichole</p>
<p>Tom</p>
</div>
</div>
jQuery
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js" language="javascript"></script>
<script type="text/javascript" language="javascript">
$( function() {
$(‘#auto_box input’).bind(‘keyup’,function( e ){
if( e.keyCode == 40 ) {
if( $( ‘.highlight’ ).length < 1 ) {
$(‘.list_name p:first’ ).addClass( ‘highlight’ );
} else {
if( $( ‘.highlight’ ).next().length < 1 ) {
$( ‘.highlight’ ).removeClass( ‘highlight’ );
$(‘.list_name p:first’ ).addClass( ‘highlight’ );
} More >
En iyi jQuery Uygulamaları
yaklaşık 2 ay önce - 1 yorum
Okunma Sayısı : 385
Günümüzde jQuery ile birçok uygulama yapılmakta. Büyük bir kütüphane haline gelen jQuery ile aklınıza gelebilecek tüm uygulamaları flash ve benzeri eklentiler kullanmadan web sitenizde kullanabiliyorsunuz. Aşağıda Nisan ayının en çok kullanılan ve görüntülenen jQuery uygulamaları bulunmakta. işte jQuery.com üzerinden hazırlanmış en iyi jQuery uygulamaları ;
3D Cloud Carousel – Demo
jQuery ile hazırlanan bir More >
Çevirimiçi kod düzenleyicileri
yaklaşık 5 ay önce - Yorum yok
Okunma Sayısı : 91
Bir programcı olarak çoğu zaman dışarıda olduğum zamanlar kod düzenlemek durumda kaldığım çok oluyor. Bu tür durumlarda en büyük yardımcım notepad olmaktadır. ama komutların yazım şekilleri ve parametleri açısından gelişmiş düzenleyiciler kullanmak herzaman kolaylık sağlamaktadır. işte olmadık yerde düzenlemeler yapabilmeniz için çevirimiçi düzenleciler…
Amy Editor
amy, 2007 yılında Petr More >
jQuery ile thumbnail efekt örneği
yaklaşık 6 ay önce - Yorum yok
Okunma Sayısı : 175
Adım 1: HTML
<!– start thumbnailWrapper div –>
<div class=’thumbnailWrapper’>
<ul>
<li>
<a href=’#'><img src=’images/1.jpg’ /></a>
<div class=’caption’>
<p class=’captionInside’>CofeeNerd</p>
</div>
</li>
<li>
<a href=’#'><img src=’images/2.jpg’ /></a>
<div class=’caption’>
<p class=’captionInside’>musiKings</p>
</div>
</li>
<li>
<a href=’#'><img src=’images/3.png’ /></a>
<div class=’caption’>
<p class=’captionInside’>The Caribbean Energy</p>
</div>
</li>
<div class=’clear’></div><!– clear the float –>
</ul><!– end unordered list –>
</div><!– end spolightWrapper div –>
Adım 2: CSS
Adım 3: jQuery
$(window).load(function(){
//set and get some variables
var thumbnail = {
imgIncrease : 100, More >
Twitter benzeri ajax ve jQuery örnekleri
yaklaşık 6 ay önce - Yorum yok
Okunma Sayısı : 270
Tasarımlarınızı twitter gibi yapmak için kullanabileceğiniz örnekler gün geçtikçe çoğalıyor. Neden twitter gibi yapayım diyorsanız, aşağıdaki örneklerin üzerinde basit değişikliklerle kendinize göre uyarlayabilirsiniz.
jQuery ve Ajax ile Twitter benzeri arama
çok basit bir şekilde uygulayabileceğiniz bu örnek sizlere ajax ve jquery kullanarak nasıl twitter arama sonuçları görünümü oluşturabileceğinizi anlatmaktadır.
jQuery ile twitter benzeri dropdown giriş More >
jQuery sliding labels form
yaklaşık 6 ay önce - 2 yorum
Okunma Sayısı : 266
Adım 1: HTML
<form action="" method="post" id="info">
<h2>Contact Information</h2>
<div id="name-wrap" class="slider">
<label for="name">Name</label>
<input type="text" id="name" name="name">
</div><!–/#name-wrap–>
<div id="email-wrap" class="slider">
<label for="email">E–mail</label>
More >
Ajax ve jQuery örnekleri
yaklaşık 6 ay önce - Yorum yok
Okunma Sayısı : 137
Projelerinizde kulanabileceğiniz güzel ajax ve jQuery örnekleri.
Datepicker and Calendar Eightysix
Download | Demo
UPLOADIFY
Download | Demo
jQuery youtube playlist plugin
Download | Demo
nmcDropDown: A Drop-Down Menu Plugin for jQuery
Download | Demo
kaynak
PHP ve jQuery ile yapılmış yapışkan notlar
yaklaşık 6 ay önce - Yorum yok
Okunma Sayısı : 55
PHP ve jQuery kullanarak yapılmış bir yapışkan notlar örneği. Örnek geliştirilerek farklı projelerde kullanılabilir.
Demo – İndir
jQuery ile resim ve galeri gösterimleri
yaklaşık 6 ay önce - Yorum yok
Okunma Sayısı : 135
jQuery bilindiği üzere çok popülerdir. Çünkü hızlı çalışan ve az kod gerektiren bir javascript kütüphanesidir. Bu yüzden jQuery ile bir çok iş yapabilirsiniz. Bu yazıda ise resim ve galeri gösterimleri üzerine örnekler bulabilirsiniz.
ImageFlow
Sliding Image Gallery jQuery Plug-in
PrettyPhoto jQuery Lightbox Clone
AD Gallery – a jQuery gallery plugin
Galleriffic
