• 当前标签：demo

实战案例 h5拖拽小案例

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

2016-09-09 00:53:07 4477 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 3360 0 20
阅读详情

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

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

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

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

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

2016-05-02 23:35:11 2815 0 8
阅读详情

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

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

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

实战案例 简易计算器

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

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

公告

喜欢这款主题的朋友可以按教程折腾。
本站采用Nuxtjs+Wordpress REST API渲染页面，源码存放在Github，欢迎使用。
微信小程序版已上线，欢迎体验。
GitHub stars

最新评论

站点统计

  • 标签：137个
  • 文章：140篇
  • 页面：7个
  • 评论：1694条
  • 分类：20个
  • 最后更新：2021-3-4

标签云

更多