今天这个项目的一个算法,想让网页中的所有指定层随机在网页中排布,开始用的是用Math.random()来进行取点,但是这样的点阵下来有时候某区间下点的密度较高,所以才想出来这个法子~,如果还有更好的算法的话可以贴出来给偶学习学习:-)
画个草图出来说明什么是“五区法”:
这种形式的话给5区点比例会多一点,但是比系统的随机函数给的不一定区域的密集还是好看点的,而且进入网页是如果左上区域内容不多的话,视线会移动到中间区域的!具体用户视觉没学过,就是这个意思了~~~~。
下面就是我的代码了!(比较乱,还没优化~~)
- var cal_width, cal_height, rect;
 - //根据类型返回随机坐标对象
 - this.getRandPos = function (){
 - var _id = (_rec_id)%5;
 - var _ret;
 - var _win_height = parseInt(_wrap.height()/2);
 - var _win_width = parseInt(_wrap.width()/2);
 - var _height = parseInt(_wrap.height()/2 - _obj.height() );
 - var _width = parseInt(_wrap.width()/2 - _obj.width() );
 - cal_width = (Math.random()*1000)%_width;
 - cal_height = (Math.random()*1000)%_height;
 - switch(_id){
 - case 1://2区
 - _ret = {
 - x: parseInt(cal_width + _win_width),
 - y: parseInt(cal_width)
 - };
 - break;
 - case 2://3区
 - _ret = {
 - x: parseInt(cal_width),
 - y: parseInt(cal_height + _win_height)
 - };
 - break;
 - case 3://4区
 - _ret = {
 - x: parseInt(cal_width + _win_width ),
 - y: parseInt(cal_height + _win_height)
 - };
 - break;
 - case 4://5区
 - _ret = {
 - x: parseInt(cal_width + _win_width/2 ),
 - y: parseInt(cal_height + _win_height/2)
 - };
 - break;
 - default://1区
 - _ret = {
 - x: parseInt(cal_width),
 - y: parseInt(cal_height)
 - };
 - }
 - _rec_id++;
 - return _ret;
 - };