小白呀白菜

摘要： 阅读全文

摘要： // ::-webkit-scrollbar { /*滚动条整体样式*/// width: 10px; /*宽分别对应竖滚动条的尺寸*/// height: 5px; /*高分别对应横滚动条的尺寸*/// }// // ::-webkit-scrollbar-track { /*滚动条里面轨道*// 阅读全文

摘要： 效果： html: <h1 id="h1">10s后关闭窗口</h1> <a id="a1">启动</a> js: (function(){ var s=10; var timer=null; a1.onclick=function(){ //为了防止连续点击按钮，导致定时器，执行的太快，加个判断 阅读全文

摘要： 阅读全文

摘要： 效果： let x = shuN.style.x + rectValue/4,//粒子开始的地方 y = zuY+140 + 5, h = 14*0.8, w = rectValue/2; this.drawParticles(x, y , w, h, 20, 0, i); //画牵引粒子 draw 阅读全文

摘要： //使用的canvans绘制的三角形 drawArrow(){ var canvas = document.createElement('canvas');//创建一个元素 canvas.width = 10; canvas.height = 5; var ctx = canvas.getConte 阅读全文

摘要： 1.存组件元素和取组件元素，会在数据更新时，将存起来的拿出来 在construct(){ this.saveData=[];//先声明一个空的数组 } //存的方法 setSave(ele,i,name){ if(this.saveData[name+"_"+i]){ this.saveData[n 阅读全文

摘要： 效果： HTML： <div class="rightBtn cur">+关注</div> CSS: .rightBtn{ width: 80px; height: 30px; background: rgba(200, 200, 200, 1);/*灰色*/ color: #fff; text-a 阅读全文

摘要： 效果： html: <div class="warp"> <a class="welcome">期待您的参与</a> </div> css: .warp{ width: 100px; height:40px; background-color: bisque; } .welcome{ cursor: 阅读全文

摘要： HTML: <div class="echo" id='dd'><input class="up" type="file" id="inputs"/> </div><div class="upwarp"> 上传头像</div> CSS: .upwarp{ width:64px; height:16p 阅读全文