日历是我们平时关注不多的但是构造起来极其麻烦的控件。网上有很多开源的jquery插卡或者js日历插件等。这些插件一般都是中规中矩的,缺少搞笑元素。因此我制作了一款程序员老黄历。
该老黄历包含很多搞笑元素,例如随机产生今天的吉利情况,比如:今天bug数,需要变更数,开会次数,代码重构次数等。
下面我们先看看老黄历的效果吧。
这样的一块老黄历制作起来非常的简单。下面我们来一步一步的搞定它吧。
首先我们需要用div+css实现老黄历的布局。整个上半部分看起来就是一个table布局。下面是三个div和一个指数五角星。最后用一个ul搞定一切。
由于太过简单,可能就是内置数据多一点,因此我就不贴代码了。把代码共享出来,在runjs,大家可以到这里查看全部源码和效果:http://runjs.cn/code/boashnt2。
: » HTML5制作一款程序员老黄历
原创文章,作者:dweifng,如若转载,请注明出处:https://blog.ytso.com/251253.html