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
kalo dari blogroll bawaan blogspot code pengganti #blog-roll
gmn yah pak.., gue cari bingung ga bs2
ehh.. ga ada cssnya.
Coba ini:
var $ul = $('.blog-list-container')
buat headline news keyen kayaknya hihi :D
saya jg ada script ginian mah?
http://jsbin.com/icitay/
:D
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
ora ngerti :d
kurang ngerti cara pakenya :p
:p PUSING PUSING ngubah aja pusing apalagi buat ..bisa pecah kepala gw :'(
http://xheat-blog.blogspot.com/
keren :D
link bertukar kalo di refresh
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
Coba tambahkan kode var jq = jQuery.noConflict(); di bagian awal script yang Saya tulis, lalu ubah semua simbol $ menjadi jq
efeknya gak bisa diganti ya mas ?
Post a Comment
<< Home