- 博客(13)
- 收藏
- 关注
原创 今日推荐demo
#boxx{ width: 210px; height: 130px; background:#605655; padding-top: 30px; } .xy{width: 70px;height: 70px;position: relative; border-radius: 90px;background: #605655; margin: 0 auto; bord
2016-10-24 20:42:01
287
原创 html 选字游戏
Document *{ margin: 0; padding: 0; } html,body{ height: 100%; } .fl{ float: left; } .fr{ float: right; } .clearfix:after{ content: ''; display: block; clear:both; } .wrap{ positi
2016-10-24 20:41:07
648
原创 tween.js 导航条
*{ margin: 0; padding: 0; } #wrap{ position: relative; } #ul1{ list-style: none; overflow: hidden; } #ul1 li{ float: left; width: 80px; height: 40px; text-align: center; line-height: 4
2016-10-24 20:40:28
234
原创 源生js导航条
Document *{ margin: 0; padding: 0; } #wrap{ position: relative; } #ul1{ list-style: none; overflow: hidden; } #ul1 li{ float: left; width: 80px; height: 40px; text-align: center; li
2016-10-24 20:38:54
200
原创 触壁反弹
*{ padding: 0; margin: 0; } #wrap{ position: relative; width: 500px; height: 400px; border: solid 1px black; } #ball{ position: absolute; width: 50px; height: 50px; border-radius: 50%;
2016-10-24 20:37:10
484
原创 无缝轮播
#cut{ position: relative; width: 500px;height: 400px;background:red; margin: 50px auto; overflow: hidden; } #box{ position: absolute; width: 10000px;height: 400px;background: cornflowerblue;
2016-10-24 20:35:12
149
原创 时间对象
Document // 时间对象date var _date = new Date(); // 时间对象获取到的是当前的时间. console.log(_date) ; // 我们可以通过在date中传入数字来设置时间. // 获取年 getFullYears() var year = _date.getFullYear(); console.log(y
2016-10-24 20:32:09
158
原创 字符串方法
Document // 1.length 字符串的长度属性 // 在字符串中 空格 标点符号也占据长度. var srt1 = "hello length" // 2 转化为字符串 // a.....toString() var num = 23; console.log(typeof num); console.log(typeof num.toStr
2016-10-24 20:31:29
131
原创 数组的方法
Document var numArr = [1,2,3,4] // length 数组的长度 // push() 在数组的后面添加一个或者多个元素,可以是数字,也可以是字符串. // 数组里面可以存放变量. numArr.push(5,6,"name") console.log(numArr); // 3 unshift() 在数组的前面添加多个或者一个
2016-10-24 20:30:43
111
原创 冒泡排序
Document // 从小到大排序,数字越大的往后沉 // 第一趟取出了5个数中的最大值. // 第一趟:第一次70比50; 50 70 20 10 30 // 第二次70比20 ; 50 20 70 10 30 // 第三次70比10 ; 50 20 10 70 30 //
2016-10-24 20:29:47
118
原创 全选反选
var btn1 = document.getElementById("btn1"); var btn2 = document.getElementById("btn2"); var box = document.getElementById("box"); var inputs = box.getElementsByTagName('input'); //全选 btn1.onclick
2016-10-24 20:27:46
125
原创 几个数学函数
//取整函数 var a = 3.14; console.log(Math.floor(a)); //向下取整 console.log(Math.ceil(a)); //向上取整 console.log(Math.round(a)); //四舍五入
2016-10-24 20:27:09
130
原创 二级菜单
*{ padding: 0; margin: 0; } ul{ width: 200px; height: 400px; float: left; border: solid 1px black; } ul li{ list-style: none; width: 100%; height: 39px; border-bottom: solid 1px black;
2016-10-24 20:25:27
253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人