Rabu, 27 April 2011

Setelah membuat tutorial Membuat Tombol Show/Hide,saya membuat satu lagi tutorial yang mirip dengan tutorial Membuat Tombol Show/Hide tetapi tidak menggunakan tombol,tetapi link.Langsung aja simak tutorial ini.

<span style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; color: white; float: left; font-family: 'Special Elite'; font-size: 80px; line-height: 60px;">S</span>etelah membuat tutorial <a href="http://www.4g-community.co.cc/2011/04/cara-membuat-tombol-showhide.html" style="font-weight: bold;">Membuat Tombol Show/Hide</a>,saya membuat satu lagi tutorial yang mirip dengan&nbsp;tutorial&nbsp;<a href="http://www.4g-community.co.cc/2011/04/cara-membuat-tombol-showhide.html" style="font-weight: bold;">Membuat Tombol Show/Hide</a>&nbsp;tetapi tidak menggunakan <b>tombol</b>,tetapi <b>link.</b>Langsung aja simak tutorial ini.

<!--more-->Demo:<a href="javascript:toggle();" id="displayText">show</a> &lt;==Klik disini.
Seperti itulah.Kelebihannya bisa ganti style.Selain itu bisa dijadikan pengganti <b>"Readmore"</b>.Kekurangannya agak repot kalau mau bikin Banyak.Di bawah ini adalah kode untuk bikin satu link.


<div id="toggleText" style="display: none;">
<h1>
peek-a-boo</h1>
</div>