6th
November
2011
Uygulama örneği wcollection life
Kullanma şekli
HTML kodu, <li>’leri kullanarak kendi içeriklerinizi ekleyebilirsiniz.
<div class=”wrapper”>
<div class=”navigator”>
<a href=”javascript:void(0);” id=”prev”>↑ önceki</a>
<a href=”javascript:void(0);” id=”next”>↓ sonraki</a>
</div>
<div class=”sliderHolder”>
<ul>
<li><a href=”javascript:void(0)”>baslik 1</a></li>
<li><a href=”javascript:void(0)”>baslik 2</a></li>
<li><a href=”javascript:void(0)”>baslik 3</a></li>
<li><a href=”javascript:void(0)”>baslik 4</a></li>
</ul>
</div>
</div>
<div class=”navigator”>
<a href=”javascript:void(0);” id=”prev”>↑ önceki</a>
<a href=”javascript:void(0);” id=”next”>↓ sonraki</a>
</div>
<div class=”sliderHolder”>
<ul>
<li><a href=”javascript:void(0)”>baslik 1</a></li>
<li><a href=”javascript:void(0)”>baslik 2</a></li>
<li><a href=”javascript:void(0)”>baslik 3</a></li>
<li><a href=”javascript:void(0)”>baslik 4</a></li>
</ul>
</div>
</div>
jQuery plugin tetikleme şekli aşağıdaki gibi.
// default kullanım
$(“.wrapper”).minusMenu();
$(“.wrapper”).minusMenu();
// parametreler
$(“.wrapper”).minusMenu({display:5, speed:400});
- display :
- [Int] görüntüdeki <li> sayısı. ön değer = 3.
- speed :
- [Number] slide efektinin hızı, ön değer = 333 (ms).
Belli bir maddeyi ilk açılışta görüntülemek için “selected” class’ını eklemek gerekir.
<li class=”selected” ><a href=”#”>seçili madde</a></li>
Online incele demo link
Download slider-menu-99.zip
-99 admin
3D gallery
actionscript 3.0
activities
altın örümcek
AS3
as3 Polaroid gallery
awards
banner
bitmap
copypixels
design
ecommerce
flash app
flash website
fullscreen background
Geolocation
Google Maps API
HTML5
interface design
javascript
jQuery
logo
office
paging
papervision3D
PerspectiveProjection
photo editing
photography
plugin
Polaroid
Polaroid gallery
print
rotationX
rotationY
sayfalama
screencast
tutorial
video
wallpaper
xml
English