document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!--CSS CODE www.abu-iyad.com-->
  2. <style>
  3. .hiddenPage{display:none;} /*do not touch this*/
  4.  
  5. a.page{padding: 3px; border:1px solid #d3d3d3;text-decoration:none;}
  6. a.activePage{color:red;}
  7. </style>
  8. <!--HTML CODE www.abu-iyad.com-->
  9. <!--CONTENT-->
  10. /*كود الصفحة الأولى*/
  11. <div id="page1" class="contentPage">
  12.  عنوان الصفحة الأولى
  13.  
  14.  محتوى الصفحة الأولى
  15. </div>
  16. /*كود الصفحة الثانية*/
  17. <div id="page2" class="contentPage hiddenPage">
  18.  عنوان الصفحة الثانية
  19.  
  20.  محتوى الصفحة الثانية
  21. </div>
  22. /*كود الصفحة الثالثة*/
  23. <div id="page3" class="contentPage hiddenPage">
  24.  عنوان الصفحة الثالثة
  25.  
  26.  محتوى الصفحة الثالثة
  27. </div>
  28. /*يمكنك زيادة صفحة أخرى عن طريق تكرار الكود السابق مع تغيير رقم الصفحة*/
  29. <!--PAGINATOR-->
  30.  
  31. <a href="#page1" class="page activePage">1</a>
  32. <a href="#page2" class="page">2</a>
  33. <a href="#page3" class="page">3</a>
  34. /*عند زيادة صفحة أخرى يجب عليك إضافة سطر أخر من الكود السابق مع تغيير رقم الصفحة*/
  35. <!--SCRIPT CODE www.abu-iyad.com-->
  36. <script>
  37. function changePage(pageElement){
  38.  $(".contentPage").addClass(\'hiddenPage\');
  39.  $id = $(pageElement).attr(\'href\');
  40.  $($id).removeClass(\'hiddenPage\').show();
  41.  $(".page").removeClass(\'activePage\');
  42.  $(pageElement).addClass(\'activePage\');
  43. }
  44.  
  45. $(\'.page\').click(function(){changePage(this);});
  46.  
  47. </script>
');