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: JavaScript, jQuery, Potongan, Widget
14 Comments:
oke kreatip, di coba dulu pak
By Surga Kenari, at Sunday, July 15, 2012 at 10:42:00 PM GMT+7
kalo dari blogroll bawaan blogspot code pengganti #blog-roll
gmn yah pak.., gue cari bingung ga bs2
By Surga Kenari, at Sunday, July 15, 2012 at 10:53:00 PM GMT+7
ehh.. ga ada cssnya.
By abang ichal, at Monday, July 16, 2012 at 12:38:00 PM GMT+7
Coba ini:
var $ul = $('.blog-list-container')
By Taufik Nurrohman, at Monday, July 16, 2012 at 2:37:00 PM GMT+7
buat headline news keyen kayaknya hihi :D
By Putra, at Monday, July 16, 2012 at 10:55:00 PM GMT+7
saya jg ada script ginian mah?
http://jsbin.com/icitay/
:D
By Beben Koben, at Tuesday, July 17, 2012 at 2:04:00 AM GMT+7
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
By Taufik Nurrohman, at Tuesday, July 17, 2012 at 7:34:00 AM GMT+7
ora ngerti :d
By Beben Koben, at Wednesday, July 18, 2012 at 12:51:00 AM GMT+7
kurang ngerti cara pakenya :p
By uki, at Thursday, July 19, 2012 at 6:31:00 PM GMT+7
:p PUSING PUSING ngubah aja pusing apalagi buat ..bisa pecah kepala gw :'(
http://xheat-blog.blogspot.com/
By Unknown, at Sunday, August 5, 2012 at 2:15:00 PM GMT+7
keren :D
link bertukar kalo di refresh
By Unknown, at Tuesday, September 11, 2012 at 12:58:00 PM GMT+7
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
By MUX SPARROW, at Sunday, September 23, 2012 at 2:26:00 AM GMT+7
Coba tambahkan kode var jq = jQuery.noConflict(); di bagian awal script yang Saya tulis, lalu ubah semua simbol $ menjadi jq
By Taufik Nurrohman, at Monday, October 22, 2012 at 7:44:00 PM GMT+7
efeknya gak bisa diganti ya mas ?
By Anonymous, at Monday, December 2, 2013 at 4:52:00 AM GMT+7
Post a Comment
<< Home