Kamis, 02 Oktober 2014

[Test] Membuat Multipage Post 4 Halaman

Halaman 1 Paragraf 1 Baris 1
Halaman 1 Paragraf 1 Baris 2
Halaman 1 Paragraf 1 Baris 3
Halaman 1 Paragraf 1 Baris 4
Halaman 1 Paragraf 1 Baris 5

Halaman 1 Paragraf 2 Baris 1
Halaman 1 Paragraf 2 Baris 2
Halaman 1 Paragraf 2 Baris 3
Halaman 1 Paragraf 2 Baris 4
Halaman 1 Paragraf 2 Baris 5

Halaman: 1 2 3 4

Kode:
<span class="content1">
Halaman 1 Paragraf 1 Baris 1
<br />
Halaman 1 Paragraf 1 Baris 2
<br />
Halaman 1 Paragraf 1 Baris 3
<br />
Halaman 1 Paragraf 1 Baris 4
<br />
Halaman 1 Paragraf 1 Baris 5
<br />
<br />
Halaman 1 Paragraf 2 Baris 1
<br />
Halaman 1 Paragraf 2 Baris 2
<br />
Halaman 1 Paragraf 2 Baris 3
<br />
Halaman 1 Paragraf 2 Baris 4
<br />
Halaman 1 Paragraf 2 Baris 5
<br />
</span>
<span class="content2" style="display: none;">
Halaman 2 Paragraf 1 Baris 1
<br />
Halaman 2 Paragraf 1 Baris 2
<br />
Halaman 2 Paragraf 1 Baris 3
<br />
Halaman 2 Paragraf 1 Baris 4
<br />
Halaman 2 Paragraf 1 Baris 5
<br />
<br />
Halaman 2 Paragraf 2 Baris 1
<br />
Halaman 2 Paragraf 2 Baris 2
<br />
Halaman 2 Paragraf 2 Baris 3
<br />
Halaman 2 Paragraf 2 Baris 4
<br />
Halaman 2 Paragraf 2 Baris 5
<br />
</span>
<span class="content3" style="display: none;">
Halaman 3 Paragraf 1 Baris 1
<br />
Halaman 3 Paragraf 1 Baris 2
<br />
Halaman 3 Paragraf 1 Baris 3
<br />
Halaman 3 Paragraf 1 Baris 4
<br />
Halaman 3 Paragraf 1 Baris 5
<br />
<br />
Halaman 3 Paragraf 2 Baris 1
<br />
Halaman 3 Paragraf 2 Baris 2
<br />
Halaman 3 Paragraf 2 Baris 3
<br />
Halaman 2 Paragraf 2 Baris 4
<br />
Halaman 2 Paragraf 2 Baris 5
<br />
</span>
<span class="content4" style="display: none;">
Halaman 4 Paragraf 1 Baris 1
<br />
Halaman 4 Paragraf 1 Baris 2
<br />
Halaman 4 Paragraf 1 Baris 3
<br />
Halaman 4 Paragraf 1 Baris 4
<br />
Halaman 4 Paragraf 1 Baris 5
<br />
<br />
Halaman 4 Paragraf 2 Baris 1
<br />
Halaman 4 Paragraf 2 Baris 2
<br />
Halaman 4 Paragraf 2 Baris 3
<br />
Halaman 4 Paragraf 2 Baris 4
<br />
Halaman 4 Paragraf 2 Baris 5
<br />
</span>
<br />
<b>Halaman: <span style="color: #3d85c6;">
<a class="page1" href="https://www.blogger.com/blogger.g?blogID=3965588537120079096#">1</a>
<a class="page2" href="https://www.blogger.com/blogger.g?blogID=3965588537120079096#">2</a>
<a class="page3" href="https://www.blogger.com/blogger.g?blogID=3965588537120079096#">3</a>
<a class="page4" href="https://www.blogger.com/blogger.g?blogID=3965588537120079096#">4</a></span></b>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
jQuery(document).ready(function(){
jQuery('.page1').click(function(){
jQuery('.content1').show();
jQuery('.content2').hide();
jQuery('.content3').hide();
jQuery('.content4').hide();
return false;
});
jQuery('.page2').click(function(){
jQuery('.content1').hide();
jQuery('.content2').show();
jQuery('.content3').hide();
jQuery('.content4').hide();
return false;
});
jQuery('.page3').click(function(){
jQuery('.content1').hide();
jQuery('.content2').hide();
jQuery('.content3').show();
jQuery('.content4').hide();
return false;
});
jQuery('.page4').click(function(){
jQuery('.content1').hide();
jQuery('.content2').hide();
jQuery('.content3').hide();
jQuery('.content4').show();
return false;
});
});
</script>


Tidak ada komentar:

Posting Komentar