membuat scrol, spoiler dan marquee

menu scrol

<div style="overflow :auto ;width:530 px; height:250px ;padding:10px ;border:1px solid #eee">
ISI MENU
</div>

pasang spoiler

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan kode script, HTML dan teks anda disini

<br>
</div>
</div>
</div>

marque gerakan

<MARQUEE align="center" direction="right" height="50" scrollamount="2" width="80%">

TEXT BERJALAN DARI KIRI KE KANAN

</MARQUEE>

hasilnya
TEXT BERJALAN DARI KIRI KE KANAN

Atribut yang biasa digunakan :

1. Widht = lebar blok teks dalam pixel atau persen
   
   
2. Title = pesan yang akan muncul saat mouse berada di atas teks
   
   
3. Direction = “left / right / up / down” untuk arah gerakan teks
   
   
4. Scrollmount = kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
   
   
5. Bgcolor = warna background teks
   
   
6. Behavior = “scroll / slide / alternate” untuk mengatur perilaku gerakan

marque perilaku gerakan

<MARQUEE align="center" direction="left" height="50" scrollamount="3" width="70%" behavior="alternate">

TEXT BERJALAN MENURUT PRILAKU

</MARQUEE>

hasilnya
TEXT BERJALAN MENURUT PRILAKU

marque link

<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" align="center" width="100%" height="200">
<a href="http://coretan-jadoel.blogspot.com/2010/11/100-fungsi-keyboard-shortcuts.html">100-fungsi-keyboard-shortcuts </a>
<a href="http://coretan-jadoel.blogspot.com/2010/11/cara-cara-meringankan-kinerja-firefox.html">cara-cara-meringankan-kinerja-firefox</a>
<a href="http://coretan-jadoel.blogspot.com/2010/11/tes-kejelian-mata.html">tes-kejelian-mata </a>
<a href="http://coretan-jadoel.blogspot.com/2010/10/tips-jadi-orang-yang-beruntung.html">tips-jadi-orang-yang-beruntung </a>
<a href="http://coretan-jadoel.blogspot.com/2010/10/10-tips-untuk-meningkatkan-daya-pikir.html">tips-untuk-meningkatkan-daya-pikir </a>
</marquee>

hasilnya

100-fungsi-keyboard-shortcuts
cara-cara-meringankan-kinerja-firefox
tes-kejelian-mata
tips-jadi-orang-yang-beruntung
tips-untuk-meningkatkan-daya-pikir

Postingan Zoom

<div class="thumbwrapper">
<a class="highslide" href="http://1.bp.blogspot.com/-HnBZZrw91HA/TiKkxoOWiGI/AAAAAAAAA34/KY-2AU7-Ktk/s1600/pohon%2Bpelajaran%2Bblog%2Bzoom%2Bgambar.jpg" onclick="return hs.expand(this, galleryOptions)"><img alt="Highslide JS" src="http://1.bp.blogspot.com/-HnBZZrw91HA/TiKkxoOWiGI/AAAAAAAAA34/KY-2AU7-Ktk/s1600/pohon%2Bpelajaran%2Bblog%2Bzoom%2Bgambar.jpg" height="150" width="150" title="Click to enlarge" />
</a><a class="highslide" href="http://1.bp.blogspot.com/-3kr3pA6UAQc/TiKkxmuy8UI/AAAAAAAAA4A/-JQNIZQh9mc/s1600/pohon%2Bpelajaran%2Bblog%2Bzoom%2Bgambar%2B2.jpg" onclick="return hs.expand(this, galleryOptions)"><img alt="Highslide JS" src="http://1.bp.blogspot.com/-3kr3pA6UAQc/TiKkxmuy8UI/AAAAAAAAA4A/-JQNIZQh9mc/s1600/pohon%2Bpelajaran%2Bblog%2Bzoom%2Bgambar%2B2.jpg" height="150" width="150" title="Click to enlarge" />
</a>
</div>