基于Aui-core实现的苹果dock栏效果

    本插件又是一款基于Aui-core.js实现的苹果dock栏效果，鼠标距离图标越近，图标则放大的越大，距离越远则图标越小。比较适合作为个人网站模板的导航栏。Aui-core.js是一款类似于jQuery的轻量级的js库。它比jQuery更精小，性能也更强。
1、在head间加入下面的css

#doc{width:100%; position:absolute; bottom:0; text-align:center;}

2、在body间加入html

<div id="dock">
    <img src="images/1.png" width="64" />
    <img src="images/2.png" width="64" />
    <img src="images/3.png" width="64" />
    <img src="images/4.png" width="64" />
    <img src="images/5.png" width="64" />
</div>

3、引入Aui-core.js库

<script src="http://www.5imoban.net/download/Aui-core/aui-core-1.42.min.js" language="javascript" type="text/javascript"></script>

4、实例化

Aui.ready(function(){
    var odoc = Aui( document ),
    oDiv = Aui( Aui.byID( "#dock" ) ),
    aImg = Aui( Aui.byTagName( "img" ) );
    odoc.bind( "mousemove", function( e ){
        Aui.each( aImg, function(){
            var _this = Aui( this ),
            x = _this.left( true ) + _this.width()*0.5,
            y = _this.top( true ) + _this.height()*0.5,
            a = x - e.clientX,
            b = y - e.clientY,
            dis = 1 - ( Math.sqrt( Math.pow( a , 2) + Math.pow( b , 2) ) )/400;
            if( dis < 0.5 ){
                dis = 0.5;
            };
            _this.setStyle("width", dis*128 );
        });
    });
});