许愿墙是怎么回事儿

chenglin博客 2014年2月18日 浏览 12055 回复15

许愿墙是怎么回事儿,闲暇之余,用jquery做了做这个小东西的原型;

主要分三个方向:

1、设置随机背景;

2、设置随机位置;

3、支持拖拽;

就这么简单,下面的代码可以直接用,为了方便,没有为卡片设置背景,都是随机分配背景色,我们一点一点的来解析;

1、设置随机背景;

​​使用js随机数,指定一个颜色或背景图片;

用到的以下几行简单代码:

2、设置随机位置;

使用js随机数,指定一个颜色或背景图片;​

也是几行简单的代码:

3、支持拖拽;​

支持拖拽,就是从鼠标点击许愿条开始,鼠标移动的距离就是许愿条移动的距离;

这里根据自己的需求定制,我的代码: