<script type="text/javascript" src="jQuery1.2.6.js"></script>
  <script type="text/javascript" src="iconDock.js"></script>

<script type="text/javascript">

  var confDock = {

iconMinSide : 35,

iconMaxSide : 70,

distAttDock : 100,

coefAttDock : 2,  

veloOutDock : 500,

valign: 'top'

}

jQuery(function() {

jQuery("#BarraPersonalitzada").addDockEffect(confDock);

});

</script>

<div id="BarraPersonalitzada">

<a href="http://ruseller.com/" name="Alertes_name" title="Google alertes">

<img src="example/alerts_35.gif" alt="Campana_alt" border="0" />

</a>

<a href="http://ruseller.com/" name="Escriptori_name" title="Google Escriptori">

<img src="example/desktop_35.gif" alt="Escriptori_alt" border="0" />

</a>

<a href="http://ruseller.com/" name="Compres_name" title="Google compres">

<img src="example/froogle_35.gif" alt="Froogle_alt" border="0" />

</a>

<a href="http://ruseller.com/" name="GMail_name" title="Google mail">

<img src="example/gmail_35.gif" alt="Gmail_alt" border="0" />

</a>

<a href="http://ruseller.com/" name="Grups_name" title="Google grups">

<img src="example/groups_35.gif" alt="Grups_alt" border="0" />

</a>

<a href="http://ruseller.com/" name="Linux_name" title="Linux">

<img src="example/special_35.gif" alt="Especial_alt" border="0" />

</a>

</div>