Jumat, 05 Juni 2009

jQuery Scroll to Top Control

Jika anda mempunyai tampilan halaman blog/ situs yang sangat panjang, terutama bagi anda yang dalam memposting artikel tidak menggunakan Readmore atau barangkali disengaja, tentu akan membuat pengunjung blog bahkan anda sendiri akan capek untuk scrolling halaman anda kembali ke atas. Di sini saya mempunyai solusi untuk anda yang mempunyai tipe blog seperti itu. Modifikasi script jQuery Scroll to Top Control saya pelajari dari situs www.dynamicdrive.com.

Fungsi daripada script jQuery Scroll to Top Control ini adalah, menggulirkan halaman blog anda dari bawah ke atas secara Automatis hanya sekali klik pada icon anak panah yang muncul di sudut bawah kanan pada akhir halaman blog anda.

Jika anda berminat silahkan tambahkan kode script jQuery Scroll to Top Control persis dibawah kode <head> sebelum anda menambahkan kode meta.

Dibawah ini adalah kode script jQuery Scroll to Top Control.

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<script type='text/javascript' src='http://www.geocities.com/nataludin5/scrolltopcontrol-1.js'>

/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/

</script>


Kode script jQuery Scroll to Top Control, sebelum saya upload di www.geocities.com sudah saya tambahkan url icon anak panah atas yang sebelumnya sudah saya upload di www.photobucket.com. Namun bila anda ingin memodifikasinya, silahkan copas di notepad script dari http://www.dynamicdrive.com/dynamicindex3/scrolltopcontrol.js, kemudian lakukan modifikasi dibagian ini :

setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="up.gif" style="width:24px; height:24px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:15, offsety:15}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links


Namun saya belum mencobanya untuk memodifikasinya. Bila anda mau mencoba untuk memodifikasi bagian tersebut, silahkan pelajari di :

http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm.

Jika anda ingin melihat hasilnya dari modifikasi kode script jQuery Scroll to Top Control, termasuk gambaran pemasangan hasil modifikasi kode script jQuery Scroll to Top Control, silahkan kunjungi http://www.nataludin.com

Nah silahkan bereksperimen, semoga berhasil

3 komentar:

Posting Komentar

Silahkan berikan komentar yang bersifat membangun, admin akan menghapus komentar yang bersifat SPAM

 
Copyright @ 2009 CoretanAsal: jQuery Scroll to Top Control | Original Template: MINIMA| Modified By NATALUDIN | Top
Thanks for : BLOGGER | PHOTOBUCKET | PICASSA