yl107-CSDN博客

转载微信小程序---tab切换

微信小程序开发中选项卡.在android中选项卡一般用fragment,到了小程序这里瞬间懵逼了.总算做出来了.分享出来看看.先看效果:再上代码:1.index.wxml[html] view plain copy view class="swiper-tab"> view cl

2017-12-21 14:53:24 8523 5

原创 jq放大镜

JQ放大镜 *{ padding: 0; margin: 0; } .outer{ width: 200px; margin: 80px auto; position: relative; } .big{ width: 180px;

2017-07-16 17:23:14 397

原创 sun

太阳系 #mycanvas{ display: block; margin:0 auto; }

2017-07-16 17:22:09 250

原创贝塞尔曲线

<head> <meta charset="UTF-8"> <title>贝塞尔曲线</title> <style type="text/css"> * { margin: 0; padding: 0; } #canvas { border: 1px soli

2017-07-16 17:20:36 194

原创绘制钟表

Document *{ margin: 0; padding: 0; } #mycanvas{ border:1px solid #000; }

2017-07-16 17:19:25 629

原创 canvas躁动的小球

Document *{ margin:0; padding: 0; } #mycanvas{ margin: 100px auto; }

2017-07-16 17:18:46 449

原创筛子抽奖

Document

2017-07-14 21:07:25 370

原创 js贪吃蛇

Document *{ margin: 0; padding: 0; } .wrap{ width: 600px; margin: 0 auto; position: relative;

2017-07-14 21:05:58 429

原创 js自定义滚动轴

自定义滚动轴 *{ margin: 0; padding: 0; } #outer{ width: 400px; height: 400px; background:url(img/bg1.png) 0 0

2017-07-14 21:04:43 907

原创 js实现新浪微博评论

2017-07-14 21:03:16 1221

原创放大镜

放大镜 *{ margin: 0; padding: 0; } #box1{ /margin:100px;/ width: 400px; height: 400px; positi

2017-07-14 21:01:57 258

原创瀑布流

瀑布流

2017-07-11 20:39:13 203

原创懒加载

懒加载

2017-07-11 20:38:47 793

原创蒙层

蒙层

2017-07-11 20:37:16 1157

原创加载进度条

加载进度条

2017-07-11 20:36:21 258

原创原生js实现评论

2017-07-11 20:34:13 1849 1

原创 JS实现三级联动

三级联动省市区 var prov = document.getElementById('prov'); var city = document.getElementById('city'); var county = document.getElementById('county

2017-05-09 15:00:19 312

原创 js实现按键球，小球随键盘上下左右控制移动

按键球 *{ margin:0; padding: 0; } #ball{ width: 100px; height: 100px; background-color: red;

2017-05-09 14:58:46 5086

原创 js实现拖影效果

拖影 *{ margin:0; padding: 0; } div{ /*width: 10px; height: 10px;*/ border-radius: 50%; /bac

2017-05-09 14:57:17 1677 1

原创 js实现放大镜

放大镜 *{ margin:0; padding: 0; } #main{ width: 300px; height: 300px; margin:100px 0 0 50px;

2017-05-09 14:56:31 253

原创 JS实现疯狂小球，获取鼠标的速度、方向

疯狂小球

2017-05-09 14:49:32 985

原创 JS实现tab切换

图片切换 *{ margin:0; padding: 0; } ul{ list-style-type:none; } .box{ width: 500px; heigh

2017-04-28 17:08:40 341

原创 JS实现迷你日历

日历 *{ margin:0; padding: 0; font-size: 12px; } #box{ width: 130px; height: 200px; backgrou

2017-04-28 17:03:54 300

原创 JS实现碰壁反弹

碰壁反弹 *{ margin:0; padding:0; } /*#outer{ width: 500px; height: 500px; margin:100px auto; b

2017-04-28 17:01:33 717

原创 JS实现选择器全选、反选

checkbox2 <script> var alltrue = document.getEleme

2017-04-28 16:57:42 967

原创 JS实现倒计时

倒计时 00天 00时 00分 00秒 var box = document.getElementById('box'); var times = box.getElementsByTagName('span'); function

2017-04-28 16:53:58 210

原创 JS实现大图滚动、无缝连接

大图滚动2 *{ margin:0; padding:0; } #outer{ width: 1000px; height: 500px; margin:100px auto; o

2017-04-28 16:47:44 353

原创 JS点名器

这是一个小的web前端点名册，使用js的计时器实现

2017-04-20 17:55:53 638

yl107的博客