摘要：
响应式使得网页能够根据屏幕大小进行适配，自动识别屏幕宽度，并作出相应调整的网页设计，布局和展示可能会有所变动。 实现方式： 1.允许网页宽度自动调整 首先在网页代码的头部加入一行viewport标签 <meta name="viewport" content="width=device-width, 阅读全文
摘要：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" c 阅读全文
摘要：
全部参数 基本实现效果 例1： 阅读全文
摘要：
layer是Layui的一个弹层组建，功能强大，总之我很喜欢，下面介绍这个组件的基本用法。 首先如果只需要使用layer而不想使用Layui可以单独下载layer组件包，页面引入jquery1.8以上任意版本，和laye.js 通过简单的例子能加深理解和学习，首先引入基本的css和js 例1：默认 阅读全文
摘要：
一、JStree的简单介绍 1.关于jstree jsTree 使用了 jQuery 和 Sarissa，是一个是免费的但是设置灵活的，基于 JavaScript 跨浏览器支持的网页树形部件。 jsTree 支持三种数据源头： 预先定义好的 HTML -嵌套的列表结构 JSON XML jsTree 阅读全文
摘要：
css: 阅读全文
摘要：
内容比较多的时候可以全屏显示，用第一种实现方式，如图1 图1 内容较少的话可以使用第二种实现方式如图2：图2 具体的实现代码如下： html： JavaScript 总结 使用transition动画的时候，在动画开始之前先得确保display为非none状态，然后动画结束之后有个transtion 阅读全文
摘要：
首先弹窗的实现效果如下： 主要实现的代码如下： CSS： HTML： JavaScript： 总结： 移动端背景透明度使用rgba，遮盖层和弹出层可以设计成嵌套模式。 阅读全文
摘要：
panel一般用来做侧边栏导航，铺满整屏高度，有两种展现形式：第一种直接盖在整块内容栏（包括header和footer部分）上面，如图一；第二种把整块内容栏推开panel的宽度，如图二 图一 图二 设计结构如下： 第一种实现方案： css: HTML: Javascript: 第二种实现： css: 阅读全文
摘要：
HTML5 Canvas <canvas>标签定义图形，比如图表和其他图像，必须用脚本（javascript）绘制图形. 举例：绘制矩形 打造Canvas粒子动画 效果： 创建步骤： 转载：https://isux.tencent.com/canvas-particle-animation.html 阅读全文