A-dabai - 博客园

2019年10月21日

摘要： var p1 = new Progress({ el: 'my_html', //canvas元素id deg: 100, //绘制角度 timer: 8, //绘制时间 lineWidth: 5, //线宽 lineBgColor: '#BBBBBB', //底圆颜色 lineColor: 'wh 阅读全文

posted @ 2019-10-21 14:42 A-dabai 阅读(527) 评论(0) 推荐(0)

2019年10月18日

好用的翻牌效果插件

摘要： 1 <html> 2 3 <head> 4 <link rel="stylesheet" href="../compiled/flipclock.css"> 5 6 <script src="../compiled/jquery-1.11.0.min.js"></script> 7 8 <scrip 阅读全文

posted @ 2019-10-18 16:26 A-dabai 阅读(1119) 评论(0) 推荐(0)

2019年10月14日

行星运行轨道效果

摘要： 1 <!DOCTYPE html> 2 <html lang="zh"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1" /> 7 <t 阅读全文

posted @ 2019-10-14 10:18 A-dabai 阅读(201) 评论(0) 推荐(0)

css3动画效果呼啦圈实例

摘要： css:html,body { background: #111; width: 100vw; height: 100vh; overflow: hidden;}.wrapper { position: absolute; width: 50vw; height: 50vw; top: 0; lef 阅读全文

posted @ 2019-10-14 10:14 A-dabai 阅读(210) 评论(0) 推荐(0)

翻页效果表格（清除定时器）

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> * { padding: 0; margin: 0; } body { width: 100%; height 阅读全文

posted @ 2019-10-14 09:27 A-dabai 阅读(228) 评论(0) 推荐(0)

2019年1月17日

echarts自定义饼图

摘要：在网上看到一张图，便想要用echarts实现：原网图现图  <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>普通饼图</title></head><script src="echarts. 阅读全文

posted @ 2019-01-17 15:29 A-dabai 阅读(6838) 评论(0) 推荐(0)

2018年11月27日

angular state与stateParams区别

摘要： $state$state对象是什么意思呢？里面也有一些方法, 最常用的$state.go()这个方法，其实就是路由的跳转。$state(url, params, {reload: true});跳转到指定的url状态，最后传递参数，reload为true表示会重载。其实这个和ui-sref本质上实现阅读全文

posted @ 2018-11-27 15:04 A-dabai 阅读(1626) 评论(0) 推荐(0)

2018年11月11日

左右式相应弹出菜单栏

摘要：在做之前我们首先需要引入bootstrap和jquery <script src="js/jquery/jquery.min.js"></script><link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css" >< HTML部阅读全文

posted @ 2018-11-11 22:20 A-dabai 阅读(548) 评论(0) 推荐(0)

2018年11月5日

PS飞镖靶的制作

摘要：首先我们在Ps中新建一个600像素*600像素的画布，设置分辨率300/200都可以。步骤如下： 1.拉出两条参考线，一条垂直居中，一条水平居中。 2.用椭圆工具在两参考线中心点拉出一个圆形，设置颜色红色。用矩形选框工具裁剪掉3/4的圆，将剩余1/3圆进行中心点旋转18度，裁剪去原位置部分。 3. 阅读全文

posted @ 2018-11-05 14:29 A-dabai 阅读(1348) 评论(0) 推荐(0)

2018年9月5日

壁纸相册

摘要： <!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>美女相册</title> <style type="text/css"> ul li{ float: left; list-style: none; margin 阅读全文

posted @ 2018-09-05 22:13 A-dabai 阅读(240) 评论(0) 推荐(0)

公告