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

效果如下图:

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

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Jquery 方块随着鼠标所在的区域而放大 </title> <style type="text/css"> *{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;} </style>

'); } //绑定dockItem函数 $(".dock div").bind("mouseover",function(event){ var w=$(this).width(); var h=$(this).height(); var offset=$(this).offset(); onmouseItemout(offset.top); }); //处理子对象样式 function onmouseItemout(top){ for(var i=0;i
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]