Salam Kenal

Friday 27 November 2009

Objek Hiddennya Multiple ?!?


Mau tau to cara buatnya, kan sebelumnya udha pernah buat Buat Objek Tersembunyi, nha ini temennya artikel itu cuman disini yang sembunyi jadi lebih, okeh deh wele...weleh... let's cek'e dol... hahaha



Bagian yang perlu diperhatikan biar pun di HTML atau Berbloging ria di Blogger adalah :


#gb2{

position:fixed;

top:50px;

z-index:+1001;

}

*html #gb2{
position:relative;}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}


Kita perlu buat wrapper baru, itu yang id gb2 itu tu... hehehe... kalo ga ngerti mana id mana class baca ini dulu CSS


trus di JavaScriptnya...


<script type="text/javascript">

function aboutMe(){

var gb2 = document.getElementById("gb2");

var w2 = gb2.offsetWidth;

gb2.opened ? moveGB2(0, 0-w2) : moveGB2(0-w2, 0)

gb2.opened = !gb2.opened;

}

function moveGB2(x0, xf){

var gb2 = document.getElementById("gb2");

var dx2 = Math.abs(x0-xf) > 15 ? 10 : 1;

var dir2 = xf>x0 ? 1 : -1;

var x = x0 + dx2 * dir2;

gb2.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB2("+x+", "+xf+")", 10);}

}

</script>

<div id="gb2">

<div class="gbcontent">

Kuda Bodoh<br />

Kuda Bodoh<br />

Kuda Bodoh<br />

Kuda Bodoh<br />

Kuda Bodoh<br />

Kuda Bodoh<br />

</div>

</div>

</div>

<script type="text/javascript">

var gb2 = document.getElementById("gb2");

gb2.style.right = (-50-gb.offsetWidth).toString() + "px";

</script>

</div></div>


Yang cetak merah itu yang pasti harus ditambahkan, aku pakai angka 2 biar gampang kalo mau tambah objek sembunyinya... trus kan ada : [ function aboutMe(){ ], tulisan aboutMe bisa diganti terserah tapi jangan yang aneh-aneh dan jangan dilupakan tulisan itu soalnya terkait ketika kita panggil melalui tombol menubar nantinya...


nah yang warna ungu itu posisi awalnya, biasanya dia akan bertengkar dengan objek hiden yang pertama jadi -50 perlu ditambahkan biar objeknya jauh ke kanan halaman hingga tak terlihat, kalau masih kelihatan tambahan nilainya jadi -100 gitu, ( mungkin )


Biar ga bingung ini script code jadinya yang di HTML dan ini yang di Berbloging ria di Blogger dan juga passwordnya...


Buat yang di Blogger kalo masih ga ngerti ?!?, comment lewat shoutmix ya...


Atau mau coba Objek Hidden yang Pakai TAB, tapi yang pasti harus baca 2 artikel ini dulu, yang Objek tersembunyi dengan Tab dan yang Membuat Tab untuk Objek Tersembunyi


kalo ada yang salah dimaafin plus di comment ke shoutmix atau di form comment artikelnya ya... Makasih sebelumnya...





0 comments:

CopyRights Narayana Yein dengan coding template dari kendhin's blog, Narayana yein 2009. Hosting oleh 000webhost dan domain dari www.co.cc