04 IconDock

Image:Dockexample.png

參考資料:


範例:

<div id="Bar">
<a href="#" name="Google" title="Google">
<img src="/public/images/icon/google_35.png" alt="Campana_alt" border="0" />
</a>
<a href="#" name="Yahoo" title="Yahoo">
<img src="/public/images/icon/yahoo_35.png" alt="Escriptori_alt" border="0" />
</a>
<a href="#" name="Facebook" title="Facebook">
<img src="/public/images/icon/facebook_35.png" alt="Froogle_alt" border="0" />
</a>
<a href="#" name="MSN" title="MSN">
<img src="/public/images/icon/msn_35.png" alt="Gmail_alt" border="0" />
</a>
</div>

<script type="text/javascript">
var confObject = {
iconMinSide : 35, // 圖檔尾名要有35 
iconMaxSide : 70, // 圖檔尾名要有70 
distAttDock : 100,
coefAttDock : 2,
veloOutDock : 500,
valign: 'bottom'
}
jQuery(function() {
  jQuery("#Bar").addDockEffect(confObject);
});
</script>



Comments