为了更好得掌握transform的精髓,所以决定完成三维立方体的模型,可以实现360无死角的三维旋转效果。
但是旋转时判断每个面的视图顺序比较困难,仍未完美解决,希望有人能解答!
源码直接贡献啦:
.cuboid_side_div{
position:absolute;
border:1px solid #333;
-webkit-transition:ease all ...
分类:
Web程序 时间:
2014-08-22 09:23:45
阅读次数:
315
参考文献
某海量用户网站,用户拥有积分,积分可能会在使用过程中随时更新。现在要为该网站设计一种算法,在每次用户登录时显示其当前积分排名。用户最大规模为2亿;积分为非负整数,且小于100万。
存储结构
首先,我们用一张用户积分表user_score来保存用户的积分信息。
表结构:
scoreschema" title="" style="border:0px">
示例数据:
sco...
分类:
其他好文 时间:
2014-08-21 19:28:14
阅读次数:
362
需要js插件:
jquery
jQueryRotate.2.2.js
jquery.easing.min.js
前端显示代码:
幸运大转盘
body,div,img {margin:0; padding:0; border:0 none;}
#bg {background:url(img/bodybg.jpg) rep...
分类:
微信 时间:
2014-08-21 19:25:44
阅读次数:
477
1.框模型概述: 术语翻译element : 元素。padding : 内边距,也有资料将其翻译为填充。border : 边框。margin : 外边距,也有资料将其翻译为空白或空白边。在 w3school,我们把 padding 和 margin 统一地称为内边距和外边距。边框内的空白是内边距.....
分类:
Web程序 时间:
2014-08-21 14:38:34
阅读次数:
245
1 this.dynamicPanel = new Ext.Panel({2 region: 'center',3 frame: false,4 border: false,5 layout:'fit',...
分类:
Web程序 时间:
2014-08-20 16:02:43
阅读次数:
172
效果图: css代码:img{ width:30px; height:30px; border-radius:50px;}
分类:
Web程序 时间:
2014-08-20 13:58:12
阅读次数:
269
.loader { margin: 6em auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(255, 255, 255, 0.2); border-...
分类:
Web程序 时间:
2014-08-20 11:58:02
阅读次数:
271
jcarousel jcarousel-skin-ie7.jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 10px; background: #F0F6F9; /*border: 1px solid #...
分类:
Web程序 时间:
2014-08-19 18:59:55
阅读次数:
203
html: css:.posterTvGrid{position:relative;height:280px;}.posterTvGrid img{max-width:none;max-height:none;border:0 none;background:#888;}.posterTvGrid....
分类:
其他好文 时间:
2014-08-19 18:37:15
阅读次数:
270
一张矩形的图片,如何得到圆形的头像效果?
img {
border: 3px solid #cccccc;
border-radius: 50%;
height: 80px;
width: 80px;
}...
分类:
其他好文 时间:
2014-08-19 16:42:14
阅读次数:
180