MEMBUAT ARTIKEL TERSEMBUNYI MENGGUNAKAN JQUERY 1.8.5

 

Perhatian!!ini bukanlah spoiler dan jangan pernah menyamakan ini dengan spoiler karena ini adalah Jquery 1.8.5 fold yang saya kembangkan dalam artikel. Sebelum membuatnya sobat harus mengetahui beberapa fungsi dalam javascript query di antaranya adalah. .click(function() Ini berfungsi memerintahkan bahwa Jquery akan bekerja jika di klik {direction: "horizontal"}, 10000 ) Ini berfungsi untuk arah pergerakan bisa horizontal maupun vertical semakin besar nilainya semakin lambat pergerakannya Setelah kenalan dengan fungsinya barulah kita mulai membuatnya, berikut ada dua cara yang bisa sobat kembangkan. Saya juga memberikan kode full, jadi sobat hanya perlu memasukannya di dalam postingan. Membuat pergerakan dari bawah dan samping dengan menggunakan Jquery 1.8.5 Di sini sobat akan menyembunyikan artikel sobat dalam button dengan menggunakan Jquery 1.8.5 fold. Kalu berkenan silahkan klik tombol besar di bawah.

Copy kode di bawah kemudian masukan dalam postingan sobat.

KODE 

negrionta

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function() {$("#ho").click(function(){$(".to").show( "clip",{direction: "vertical"}, 10000 );});$("#so").click(function(){$(".to").hide( "clip",{direction: "horizontal"}, 10000 );});});
</script>
<button id="ho">Ini artikel dari atas</button>
<div class="to">
<b>ISI ARTIKEL DI SINI TERSERAH ENTE MAU ISI APA AJE TAHU ISI JUGA BOLEH, TAPI JANGAN LUPA CABENYA DIKIT AJE SOALNYE CABE LAGI MAHAL SEKARANG.</b>
<button id="so">Tutup artikel ke samping!</button> </div>
<style type="text/css">
.t{display:none;}.to{display:none;}.tar{display:none;}
</style>