• 当前标签:demo

实战案例 h5拖拽小案例

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

2016-09-09 00:53:07 3296 5 14
阅读详情

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

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

2016-09-09 00:36:39 2311 0 19
阅读详情

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

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

2016-06-02 02:33:22 2429 7 22
阅读详情

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

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

2016-05-02 23:35:11 1945 0 6
阅读详情

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

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

2016-04-26 01:04:04 1719 1 8
阅读详情

实战案例 简易计算器

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

2016-04-21 01:13:46 2176 9 4
阅读详情
  • 1
  • 2
前往