Posted by : jody baharizki Tuesday, November 20, 2012

apabila kita membuat web yang jumlah halaman tidak lebih dari 5 halaman, lebih efektif jika kita menggunakan link ANCHOR, yaitu link yang menghubungkan dalam 1 page namun di baris yang berbeda.

misal kita mempunyai tampilan seperti berikut :

tampilan top
 itu adalah tampilan top, yaitu awal kita membuka halaman website. kemudian kita memberi script pada menu PLACES. <a href="#places">Places</a> , setelah itu kita buat link places dibawah welcome. tetapi tetap pada 1 page.

link places
pada places kita beri script

<div>
  <a name="places"><h1>places</h1></a>
      
   <ul class="gal-1">
           <li><img src="images/home_03.png" width="400"/></li>
        <li><img src="images/home_04.png" width="400" /></li>
        <li><img src="images/home_03.png" width="400"/></li>
        <li><img src="images/home_04.png" width="400" /></li>
        <li><img src="images/home_05.png" width="400" /></li>
        <li><img src="images/home_04.png" width="400" /></li>
        <li><img src="images/home_03.png" width="400"/></li>
        <li><img src="images/home_04.png" width="400" /></li>
        <li><img src="images/home_03.png" width="400"/></li>
       
   </ul>

</div>


NB: <a name="places"></a> ini adalah link yang dituju dari script <a href="#places"></a>


maka setelah itu kita coba running. berhasil?

setelah itu kita tambahkan script jump to top, ini berfungsi sebagai menu untuk kembali ke atas
simpel saja : <button><a href="#top">jump to top</a></button>

lingkaran merah
nah, selesai sudah silahkan dikreasi lagi, ini saya membuat sebagai contoh saja. silahkan scrol diperhalus menggunakan jQuery. selamat mencoba semoga bermanfaat

-jody baharizki-

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Psang Iklan?

Psang Iklan?
Klik gambar diatas

Like Us!

Youtube

\
\

Labels

Powered by Blogger.

Total Pageviews

- Copyright © 2016 Jody Baharizki -@jodybaharizki- Powered by Blogger -