demo

实战案例 h5拖拽小案例

利用html5新提供的方法，实现两个小的案例简单的拖动拼图拖动图片到浏览器窗口上传 DEMO展示

2016-09-09 00:53:07 5479 5 15

实战案例 3D全屏滚动案例

3D全屏滚动思路：先搭好3D盒子，4个div与浏览器等宽等高，点击让大的div顺着X轴旋转。最佳查看浏览器（chrome）源码如下： html部分 <div id="box"> <div class="img front"></div> &l

2016-09-09 00:36:39 4241 0 20

阅读详情

实战案例 5.5秒给你画个八卦图

css3与js结合实现动画，两边的圆形利用before/after两个伪元素制作，省去两个标签 DEMO展示

2016-06-02 02:33:22 4164 7 24

阅读详情

实战案例字符串与数组的一个小练习

DEMO展示

2016-05-19 17:01:12 3684 3 9

阅读详情

实战案例查找字符ASCII码小助手

利用String.fromCharCode()实现字符ASCII码查找功能 DEMO展示

2016-05-14 16:41:15 2896 0 5

阅读详情

实战案例 JavaScript+div实现select下拉菜单功能

select的默认样式比较不好看，处理起来也并不是很方便，所以我们可以自己利用其他的标签来做一个，替代select，方法有很多，我的做法欢迎大家指出不好的地方。附上源码： <div id="box"> <p>请选择 &nbsp;</p> <

2016-05-02 23:35:11 3625 0 8

阅读详情

实战案例利用after伪类做一个自适应居中导航

:after伪类，在元素内容之后添加内容实现原理：导航的子元素使用inline-block行间块级元素，父元素设置text-align:justify;在为此父元素添加after伪类，并设置为inline-block，给出宽度width:100%;这一步是用after撑开父元素，从而达到两端对齐的导航

2016-04-26 01:04:04 3219 1 8

阅读详情

实战案例简易计算器

做出这个计算器不容易啊，脑细胞都快烧死完了，结合现在的知识，感觉还是蛮有难度的，用到了eval()函数，思维不够开阔，想了那么久还是做出了效果，代码有点多，还是有点小bug，后边更新，先睡上一觉，附上我的效果图： /吃东西 /吃东西 JS代码： window.onload = function () { va

2016-04-21 01:13:46 4302 9 4

阅读详情