demo

h5拖拽小案例

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

2016-09-09 00:53:072648513

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

2016-09-09 00:36:391704019

阅读详情

5.5秒给你画个八卦图

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

2016-06-02 02:33:221832719

阅读详情

字符串与数组的一个小练习

DEMO展示

2016-05-19 17:01:12161039

阅读详情

查找字符ASCII码小助手

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

2016-05-14 16:41:1598805

阅读详情

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

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

2016-05-02 23:35:11133805

阅读详情

利用after伪类做一个自适应居中导航

:after伪类，在元素内容之后添加内容实现原理：导航的子元素使用inline-block行间块级元素，父元素设置text-align:justify;在为此父元素添加after伪类，并设置为inline-block，给出宽度width:100%;这一步是用after撑开父元素，从而达到两端对齐的导航。 html代码： <ul id="box"> <li><a href="javascript:;">主页</a></li> <li><a href="

2016-04-26 01:04:04118518

阅读详情

简易计算器

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

2016-04-21 01:13:46163394

阅读详情