switch demo地址:http://codepen.io/tianzi77/pen/VLLBmQ整理思路:这个 DEMO 的功能大致就是模拟开关效果,用于增强原生的 checkbox。视觉效果大致是一个白色的方块左右移动,这里我们最直接的可以想到这种实现:左边一个蓝色方块,中间一个白色方块,右边一个灰色方块,三者宽度调整宽度和位置来完成动画
这么来看,我们需要控制的元素有3个,并且我们仔细观察...
分类:
Web程序 时间:
2015-05-02 13:54:05
阅读次数:
236
table-cell我们却能用得到,而且是用它来干一件很重要的事情——多列布局。 多列布局在css中有多重要就不用我说了吧,传统模式下大家都使用float来解决这一问题,但是float写出来的东西代码复杂,宽度调整不灵活,浏览器兼容性有问题。所以才有了新方案——table-cell,注意,IE6、....
分类:
其他好文 时间:
2015-03-10 17:00:56
阅读次数:
137
Window.resizeTo() 调整窗口大小 摘要window.resizeTo(width,height)参数width 想要调整到的窗口宽度。height 想要调整到的窗口高度。描述方法resizeTo()将调整窗口的大小,把它的宽度调整为width个像素,把它的高度调整为height...
$('#addFormbox').modal().css({ width: 'auto', 'margin-left': function () { return -($(this).width() / 2); }});出自:http://blog.csdn.net/0210/article...
分类:
其他好文 时间:
2014-11-06 19:49:57
阅读次数:
183
11.4.2 针对浏览器宽度调整布局 下面定义CSS实现页面在浏览器中显示默认样式、页面宽度大于1000px的浏览器 中显示的样式,在页面宽度小于480px的浏览器中显示的样式。 代码示范: //设置默的样式 xxdefaultCSS{ 默认页面...
分类:
其他好文 时间:
2014-07-22 23:41:57
阅读次数:
332