五区法平均分点

今天这个项目的一个算法，想让网页中的所有指定层随机在网页中排布，开始用的是用Math.random()来进行取点，但是这样的点阵下来有时候某区间下点的密度较高，所以才想出来这个法子~，如果还有更好的算法的话可以贴出来给偶学习学习:-)
画个草图出来说明什么是“五区法”：

这种形式的话给5区点比例会多一点，但是比系统的随机函数给的不一定区域的密集还是好看点的，而且进入网页是如果左上区域内容不多的话，视线会移动到中间区域的！具体用户视觉没学过，就是这个意思了~~~~。
下面就是我的代码了！(比较乱，还没优化~~)

1. var cal_width, cal_height, rect;
2. //根据类型返回随机坐标对象
3. this.getRandPos = function (){
4. var _id = (_rec_id)%5;
5. var _ret;
6. var _win_height = parseInt(_wrap.height()/2);
7. var _win_width = parseInt(_wrap.width()/2);
8. var _height = parseInt(_wrap.height()/2 - _obj.height() );
9. var _width = parseInt(_wrap.width()/2 - _obj.width() );
10. cal_width = (Math.random()*1000)%_width;
11. cal_height = (Math.random()*1000)%_height;
12. switch(_id){
13. case 1://2区
14. _ret = {
15. x: parseInt(cal_width + _win_width),
16. y: parseInt(cal_width)
17. };
18. break;
19. case 2://3区
20. _ret = {
21. x: parseInt(cal_width),
22. y: parseInt(cal_height + _win_height)
23. };
24. break;
25. case 3://4区
26. _ret = {
27. x: parseInt(cal_width + _win_width ),
28. y: parseInt(cal_height + _win_height)
29. };
30. break;
31. case 4://5区
32. _ret = {
33. x: parseInt(cal_width + _win_width/2 ),
34. y: parseInt(cal_height + _win_height/2)
35. };
36. break;
37. default://1区
38. _ret = {
39. x: parseInt(cal_width),
40. y: parseInt(cal_height)
41. };
42. }
43. _rec_id++;
44. return _ret;
45. };

原文地址： http://bbs.lampbrother.net/read-htm-tid-119935.html

<script type=text/javascript charset=utf-8 src="http://static.bshare.cn/b/buttonLite.js#style=-1&uuid=&pophcol=3&lang=zh"></script> <script type=text/javascript charset=utf-8 src="http://static.bshare.cn/b/bshareC0.js"></script>

阅读(94) | 评论(0) | 转发(0) |

0

上一篇：用jquery实现超链接提示--写给爱美的猿弟，猿妹

下一篇：43期整装待发，迎接2次项目的到来

相关热门文章

• 浙江“久雨难晴” 4日晚发布今...
• 小额担保贷款的额度、期限、利...
• 200万美元并不算高 广东新疆上...
• VISA和MASTER信用卡收款之风险...
• 传奇私服1.80合击才能成功达到...

• IP Sec VPN与NAT破镜重圆
• 网站导航
• GoAgent图文设置教程
• UT2.0正式版下载
• tomcat6.0配置(含配置视频下载...

• 大家都是用什么来管理hadoop集...
• 网站被人挂了吗，添加了些程序...
• Nginx如何保证不走宕机的那个...
• 大家谈谈MYSQL客户端和服务器...
• 以下代码运行后为何会输出5?...

给主人留下些什么吧！~~

评论热议