[align=center]ini kode hasil bgadang tadi malam..

[/align]
:idea: inspirasi script punya [b]feruzz[/b] dgn moving boxnya

cuma aku modifikasi biar jangkauannya lebih luas
oke,sesuai judulnya ini kode membuat is box kamu jalan2, pertama2 kamu harus kenali ID dari setiap box.. ini
[quote]/* ---------------------------
Available siblings
left side (mainbar)
"0" = controlpanel
"1" = photos
"13" = blogs
"12" = reviews
"6" = moreabout
"18" = publiccomments
"10" = scrapbook
right side (sidebar)
"15" = meettrail
"2" = friends
"14" = ads
"7" = fan
"8" = groups
--------------------------- */[/quote]
kalau uda kenal baru kita ke scriptnya


[spoiler]if (typeof MARQUEE == "undefined") { MARQUEE = {}; }
MARQUEE = {
content: null,
init: function() {
/*---------------------------------------------------------friend*/
MARQUEE.content = document.getElementById("content_2").innerHTML;
document.getElementById("content_2").innerHTML = "<marquee direction=\"[b]up[/b]\" height=\"300\" scrollamount=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\">"+MARQUEE.content+"</marquee>";
/*---------------------------------------------------------controlPanelButtons*/
MARQUEE.content = document.getElementById("controlPanelButtons").innerHTML;
document.getElementById("controlPanelButtons").innerHTML = "<marquee direction=\"[b]up[/b]\" height=\"150\" scrollamount=\"2\" onMouseOver=\"stop()\" onMouseOut=\"start()\">"+MARQUEE.content+"</marquee>";
/*---------------------------------------------------------photos*/
MARQUEE.content = document.getElementById("content_1").innerHTML;
document.getElementById("content_1").innerHTML = "<marquee direction=\"[b]up[/b]\" height=\"100%' scrollamount=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\">"+MARQUEE.content+"</marquee>";
/*---------------------------------------------------------more about me*/
MARQUEE.content = document.getElementById("content_6").innerHTML;
document.getElementById("content_6").innerHTML = "<marquee direction=\"[b]up[/b]\" height=\"300\" scrollamount=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\">"+MARQUEE.content+"</marquee>";
/*---------------------------------------------------------publiccomments*/
MARQUEE.content = document.getElementById("content_18").innerHTML;
document.getElementById("content_18").innerHTML = "<marquee direction=\"[b]up[/b]\" height=\"300\" scrollamount=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\">"+MARQUEE.content+"</marquee>";
/*---------------------------------------------------------cpShoutoutBox*/
MARQUEE.content = document.getElementById("cpShoutoutBox").innerHTML;
document.getElementById("cpShoutoutBox").innerHTML = "<marquee direction=\"[b]up[/b]\" height=\"100%\" scrollamount=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\">"+MARQUEE.content+"</marquee>";
/*---------------------------------------------------------fan of*/
MARQUEE.content = document.getElementById("content_7").innerHTML;
document.getElementById("content_7").innerHTML = "<marquee direction=\"[b]up[/b]\" height=\"200\" scrollamount=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\">"+MARQUEE.content+"</marquee>";
/*---------------------------------------------------------group*/
MARQUEE.content = document.getElementById("content_8").innerHTML;
document.getElementById("content_8").innerHTML = "<marquee direction=\"[b]up[/b]\" height=\"200\" scrollamount=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\">" +MARQUEE.content+"</marquee>";
}
};MARQUEE.init();[/spoiler]
yang diatas itu jalan dari bawah keatas,kalau mau:

dari atas kebawah tinggal ganti [b]up[/b] menjadi [b]down[/b]

dari kiri ke kanan tinggal ganti [b]up[/b] menjadi [b]right[/b]

dari kanan ke kiri tinggal ganti [b]up[/b] menjadi [b]left[/b]
nah kalau ini jalannya bolak balik

[spoiler]if (typeof MARQUEE == "undefined") { MARQUEE = {}; }
MARQUEE = {
content: null,
init: function() {
/*---------------------------------------------------------friend*/
MARQUEE.content = document.getElementById("content_2").innerHTML;
document.getElementById("content_2").innerHTML = "<marquee behavior=\"alternate\" height=\"300\" scrollamount=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\">"+MARQUEE.content+"</marquee>";
/*---------------------------------------------------------controlPanelButtons*/
MARQUEE.content = document.getElementById("controlPanelButtons").innerHTML;
document.getElementById("controlPanelButtons").innerHTML = "<marquee behavior=\"alternate\" height=\"150\" scrollamount=\"2\" onMouseOver=\"stop()\" onMouseOut=\"start()\">"+MARQUEE.content+"</marquee>";
/*---------------------------------------------------------photos*/
MARQUEE.content = document.getElementById("content_1").innerHTML;
document.getElementById("content_1").innerHTML = "<marquee behavior=\"alternate\" height=\"100%' scrollamount=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\">"+MARQUEE.content+"</marquee>";
/*---------------------------------------------------------more about me*/
MARQUEE.content = document.getElementById("content_6").innerHTML;
document.getElementById("content_6").innerHTML = "<marquee behavior=\"alternate\" height=\"300\" scrollamount=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\">"+MARQUEE.content+"</marquee>";
/*---------------------------------------------------------publiccomments*/
MARQUEE.content = document.getElementById("content_18").innerHTML;
document.getElementById("content_18").innerHTML = "<marquee behavior=\"alternate\" height=\"300\" scrollamount=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\">"+MARQUEE.content+"</marquee>";
/*---------------------------------------------------------cpShoutoutBox*/
MARQUEE.content = document.getElementById("cpShoutoutBox").innerHTML;
document.getElementById("cpShoutoutBox").innerHTML = "<marquee behavior=\"alternate\" height=\"100%\" scrollamount=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\">"+MARQUEE.content+"</marquee>";
/*---------------------------------------------------------fan of*/
MARQUEE.content = document.getElementById("content_7").innerHTML;
document.getElementById("content_7").innerHTML = "<marquee behavior=\"alternate\" height=\"200\" scrollamount=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\">"+MARQUEE.content+"</marquee>";
/*---------------------------------------------------------group*/
MARQUEE.content = document.getElementById("content_8").innerHTML;
document.getElementById("content_8").innerHTML = "<marquee behavior=\"alternate\" height=\"200\" scrollamount=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\">" +MARQUEE.content+"</marquee>";
}
};MARQUEE.init();[/spoiler]
jangan lupa,taro d bagian C

*[color=red]penekanan[/color]kalau uda d hide boxnya slah satu gak usa dkopas
*kalau mau modifnya cukup bagian ini saja

[quote]/*---------------------------------------------------------cp*/
MARQUEE.content = document.getElementById("content_[b]0[/b]").innerHTML;
document.getElementById("content_[b]0[/b]").innerHTML = "<marquee direction=\"[b]up[/b]\" height=\"[b]300[/b]\" scrollamount=\"[b]5[/b]\" onMouseOver=\"stop()\" onMouseOut=\"start()\">"+MARQUEE.content+"</marquee>";[/quote]
*kamu tinggal pilih bisa CP jadi up, friend bolak balik,gruop jadi down,poto jadi left,terserah kamu pokoknya tinggal selipin aja asal masih diantara ini

[quote][color=red]if (typeof MARQUEE == "undefined") { MARQUEE = {}; }
MARQUEE = {
content: null,
init: function() {[/color]
//[b]diantara ini[/b]
[color=red]}
};MARQUEE.init();[/color][/quote]

[b]preview[/b] [url=http://profiles.friendster.com/daunkemangi]MY TEST PAGE[/url]
Last edited by teguh0203 (2008-07-14 10:18:26)