Örnek Alt Sayfa
Jquery Image Menu
A dynamic Menu allowing you to easily navigate any content visually, with a Mootools like effect through the power of Jquery javascript.
.jimgMenu { position: relative; width: 670px; height: 200px; overflow: hidden; margin: 25px 0px 0px; } .jimgMenu ul { list-style: none; margin: 0px; display: block; height: 200px; width: 1340px; } .jimgMenu ul li { float: left; } .jimgMenu ul li a { text-indent: -1000px; background:#FFFFFF none repeat scroll 0%; border-right: 2px solid #fff; cursor:pointer; display:block; overflow:hidden; width:78px; height: 200px; } .jimgMenu ul li.landscapes a { background: url(images/landscapes.jpg) repeat scroll 0%; } .jimgMenu ul li.people a { background: url(images/people.jpg) repeat scroll 0%; } .jimgMenu ul li.nature a { background: url(images/nature.jpg) repeat scroll 0%; } .jimgMenu ul li.abstract a { background: url(images/abstract.jpg) repeat scroll 0%; } .jimgMenu ul li.urban a { background: url(images/urban.jpg) repeat scroll 0%; min-width:310px; } .clear { clear: both; }