Cara Membuat Scrollable content

Scrollable content adalah script keren yang memungkinkan Anda untuk mengelompokkan konten dan membatasinya dalam suatu "jendela digulir mini" Menghemat ruang dokumen saat membuat halaman text. Dan Anda akan lebih bisa "interaktif" . Script ini menggunakan dua teknik yang berbeda-satu untuk IE, satu untuk NS-untuk membuat jendela digulir. Scrollbar akan tersedia untuk IE 4 pengguna untuk menggulir jendela, sedangkan NS pengguna perlu untuk menggunakan "down" "up" dan bukan tombol (karena NS tidak mendukung penambahan scrollbar untuk isi)...

Scrollable content adalah script keren yang memungkinkan Anda untuk mengelompokkan konten dan membatasinya dalam suatu "jendela digulir mini" Menghemat ruang dokumen saat membuat halaman text. Dan Anda akan lebih bisa "interaktif" . Script ini menggunakan dua teknik yang berbeda-satu untuk IE, satu untuk NS-untuk membuat jendela digulir. Scrollbar akan tersedia untuk IE 4 pengguna untuk menggulir jendela, sedangkan NS pengguna perlu untuk menggunakan "down" "up" dan bukan tombol (karena NS tidak mendukung penambahan scrollbar untuk isi)...

<ilayer name="scroll1" width=170 height=150 clip="0,0,170,150">
<layer name="scroll2" width=170 height=150 bgColor="lightyellow">
<div id="scroll3" style="width:170px;height:150px;background-color:lightyellow;overflow:scroll">
</div>
</layer>
</ilayer>

<script>

/***********************************************
* Scrollable content Script- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var nsstyle='display:""'
if (document.layers)
var scrolldoc=document.scroll1.document.scroll2
function up(){
if (!document.layers) return
if (scrolldoc.top<0)
scrolldoc.top+=10
temp2=setTimeout("up()",50)
}
function down(){
if (!document.layers) return
if (scrolldoc.top-150>=scrolldoc.document.height*-1)
scrolldoc.top-=10
temp=setTimeout("down()",50)
}

function clearup(){
if (window.temp2)
clearInterval(temp2)
}

function cleardown(){
if (window.temp)
clearInterval(temp)
}

</script>
<br><span style="display:none" style=&{nsstyle};><a href="#" onMousedown="up()"
onMouseup="clearup()" onClick="return false" onMouseout="clearup()">Up</a> | <a href="#"
onMousedown="down()" onMouseup="cleardown()" onClick="return false"
onMouseout="cleardown()">Down</a> | <a href="#" onClick="if (document.layers) scrolldoc.top=0;return false">Top</a> | <a href="#" onClick="if (document.layers) scrolldoc.top=scrolldoc.document.height*(-1)+150;return false">Bottom</a></span>