Plugin jQuery Paralaks Sederhana

Sabtu, 21 Juli 2012

Plugin Parallax Sederhana Terbiasa menggunakan plugin paralax dari luar untuk menciptakan efek paralax? Jangan terlalu bergantung dengan itu, terutama jika proyek yang sedang Anda kerjakan hanya beru…

Auto Rotating Slideshow

Kamis, 19 Juli 2012

<style> #slideshow { width:200px; height:100px; background-color:#222; margin:0 auto; } #slideshow img {display:block;} </style> <div id="slideshow"></div> <script> //<![CDATA[ (function() { var conta…

CSS3 Accordion

Kamis, 19 Juli 2012

Kerangka dasar untuk menciptakan elemen akordion dan panel toggle hanya dengan CSS: HTML <div class="accordion"> <input type="checkbox"> <label>Lorem Ipsum</label> <div>Content...</div> <input type="c…

Tema Vanila untuk Tag PRE

Rabu, 18 Juli 2012

Tema Vanila untuk Tag PRE HTML <pre data-title="HTML"> ... </pre> <pre data-title="CSS"> ... </pre> <pre data-title="JavaScript"> ... </pre> <pre data-title="jQuery"> ... </pre> <pre data-title="PHP"…

Animasi Blog Roll

Minggu, 15 Juli 2012

var $ul = $('#blog-roll'), roll = function() { $ul.find('li').first().slideUp('slow', function() { $(this).appendTo($(this).parent()).fadeIn(); }); }, anim = setInterval(roll, 3000); // Pause on hover…