Sunday, July 15, 2012

Animasi Blog Roll

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...
$ul.hover(function() {
    clearInterval(anim);
}, function() {
    anim = setInterval(roll, 3000);
});

Demo

Labels: , , ,

14 Comments:

At Sunday, July 15, 2012 at 10:42:00 PM GMT+7, Blogger Surga Kenari said...

oke kreatip, di coba dulu pak

 
At Sunday, July 15, 2012 at 10:53:00 PM GMT+7, Blogger Surga Kenari said...

kalo dari blogroll bawaan blogspot code pengganti #blog-roll

gmn yah pak.., gue cari bingung ga bs2

 
At Monday, July 16, 2012 at 12:38:00 PM GMT+7, Blogger abang ichal said...

ehh.. ga ada cssnya.

 
At Monday, July 16, 2012 at 2:37:00 PM GMT+7, Blogger Taufik Nurrohman said...

Coba ini:

var $ul = $('.blog-list-container')

 
At Monday, July 16, 2012 at 10:55:00 PM GMT+7, Blogger Putra said...

buat headline news keyen kayaknya hihi :D

 
At Tuesday, July 17, 2012 at 2:04:00 AM GMT+7, Blogger Beben Koben said...

saya jg ada script ginian mah?
http://jsbin.com/icitay/
:D

 
At Tuesday, July 17, 2012 at 7:34:00 AM GMT+7, Blogger Taufik Nurrohman said...

Keren... \o/
Saya edit sedikit supaya error-nya hilang, tapi delay-nya juga jadi hilang :(

function scr() {
var a = document.getElementById("scrollNews"),
b = a.getElementsByTagName('a'),
c = 20, to;
if(a.scrollTop + c == a.scrollHeight) {
a.scrollTop = 1;
} else {
a.scrollTop = a.scrollTop + 1;
}
} setInterval(scr, 200);


Demo: http://jsbin.com/icitay/3/edit#preview

 
At Wednesday, July 18, 2012 at 12:51:00 AM GMT+7, Blogger Beben Koben said...

ora ngerti :d

 
At Thursday, July 19, 2012 at 6:31:00 PM GMT+7, Blogger uki said...

kurang ngerti cara pakenya :p

 
At Sunday, August 5, 2012 at 2:15:00 PM GMT+7, Blogger Unknown said...

:p PUSING PUSING ngubah aja pusing apalagi buat ..bisa pecah kepala gw :'(

http://xheat-blog.blogspot.com/

 
At Tuesday, September 11, 2012 at 12:58:00 PM GMT+7, Blogger Unknown said...

keren :D
link bertukar kalo di refresh

 
At Sunday, September 23, 2012 at 2:26:00 AM GMT+7, Blogger MUX SPARROW said...

Mas, mohon helep.. di blog dummy (http://muxwup.blogspot.com/), blog-list-containernya berfungsi sempurna, tapi kenapa di blog ane yang asli malah jadi aneh.. muncul bloglist semuanya jadinya panjang banget. akhirnya kepaksa sementara saya pasang di sidebar meskipun "aneh" :p

 
At Monday, October 22, 2012 at 7:44:00 PM GMT+7, Blogger Taufik Nurrohman said...

Coba tambahkan kode var jq = jQuery.noConflict(); di bagian awal script yang Saya tulis, lalu ubah semua simbol $ menjadi jq

 
At Monday, December 2, 2013 at 4:52:00 AM GMT+7, Anonymous Anonymous said...

efeknya gak bisa diganti ya mas ?

 

Post a Comment

<< Home