Jquery 方块随着鼠标所在的区域而放大

效果如下图:



实现代码:运行后F5刷新下




Jquery 方块随着鼠标所在的区域而放大


*{margin:0;padding:0;}
.dock { text-align:center;}
.dock div{width:8px;height:8px;border:1px #dfdfdf solid; background:#dfdfdf;margin:2px auto; line-height:0px;overflow: hidden;}





//配置
var m=5;//最大倍数
var s=400;//距中心最大距离
var count=20;//个数

//Dock类
function Dock(){
this.dockItems=[];
this.addItem=function(item){
this.dockItems.push($(item));
$(item).appendTo(".dock");
};
}

//生成Dock对象实例
var d=new Dock();

//循环插入count个dockItem dom对象
for(var i=0;i