• 当前标签:demo

h5拖拽小案例

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

2016-09-09 00:53:072714513
阅读详情

3D全屏滚动案例

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:391793019
阅读详情

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

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

2016-05-02 23:35:11139606
阅读详情

利用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:04124018
阅读详情

简易计算器

    做出这个计算器不容易啊,脑细胞都快烧死完了,结合现在的知识,感觉还是蛮有难度的,用到了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:46168594
阅读详情
  • 1
  • 2
前往