YC小杨 - 博客园

2018年8月6日

摘要：对象复制 Object.prototype.maps = function(){ let newObj = new Object(); let that = this; Object.keys(that).forEach(function(k){ if( that[k].constructor == 阅读全文

posted @ 2018-08-06 15:31 YC小杨阅读(270) 评论(0) 推荐(0) 编辑

2018年8月2日

仿 window对象 confirm方法

摘要：效果图：调用方式： Confirm('确定删除？', function(boo){ if(boo){ //用户点击确定 }else{ //用户点击取消 } }) CSS: .Btn{display: inline-block;margin-bottom: 0;font-weight: normal 阅读全文

posted @ 2018-08-02 16:31 YC小杨阅读(260) 评论(0) 推荐(0) 编辑

仿 window对象 alert 方法

摘要：效果图：调用方法： Alert('提示内容'); CSS： .Btn{display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: top;cursor: pointer; 阅读全文

posted @ 2018-08-02 16:22 YC小杨阅读(283) 评论(0) 推荐(0) 编辑

2018年7月2日

饼状图

摘要：效果图： html: <canvas id="canvas" width="500" height="500"></canvas> js: var data = [ { name: '第一期', num: 500, color: '#ff9273' }, { name: '第二期', num: 30 阅读全文

posted @ 2018-07-02 10:51 YC小杨阅读(160) 评论(0) 推荐(0) 编辑

2018年6月29日

柱状图

摘要：效果图： thml: <div class="yejiCont"> <div class="GraphMap"style="height: 180px; "> <ul class="GraphMapY colorGre colorRed"> <li class="GraphMapYText ">成交阅读全文

posted @ 2018-06-29 21:29 YC小杨阅读(122) 评论(0) 推荐(0) 编辑

树状图

摘要：效果图： css: body,div,span,i,p{margin: 0;padding: 0;}.box{width: 900px;height: 600px;margin: 100px auto;border: 1px solid #333;position: relative;overflo 阅读全文

posted @ 2018-06-29 21:12 YC小杨阅读(313) 评论(0) 推荐(0) 编辑

弹窗拖动功能

摘要： html: <div style="position: absolute;width: 200px;height: 200px;border:1px solid #333"> <div class="tag"style="height: 30px;border-bottom: 1px solid # 阅读全文

posted @ 2018-06-29 16:16 YC小杨阅读(115) 评论(0) 推荐(0) 编辑

Bootstrap 按钮样式

摘要： .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; 阅读全文

posted @ 2018-06-29 15:55 YC小杨阅读(194) 评论(0) 推荐(0) 编辑

简易日历插件

摘要：效果图： html： <li class="nav-item">日历</li> css: .Dat{width: 200px;position: fixed;z-index: 99;font-size: 12px;color: #000;background-color: #fff;}.Dat .D 阅读全文

posted @ 2018-06-29 15:55 YC小杨阅读(144) 评论(0) 推荐(0) 编辑

简易下拉菜单

摘要：效果图： thml : <span class="list-menu"> 操作＋ <ul class="menu"> <li class="menu-item"><a href="">编辑</a></li> <li class="menu-item"><a href="">预览</a></li> 阅读全文

posted @ 2018-06-29 15:55 YC小杨阅读(115) 评论(0) 推荐(0) 编辑