- 博客(16)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 原声JS生成包括数字和字母的验证码
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script type="text/javascript">var str =
2017-03-15 17:40:11
435
原创 飞机大战游戏
飞机大战* {margin: 0;padding: 0;}#container {width: 320px;height: 568px;position: absolute;top:0;left: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;}#start {width:
2017-03-10 17:01:44
352
原创 原声JS放大镜
放大镜*{margin: 0;padding: 0;}#box{width: 400px;height: 400px;border: 1px solid #ccc;position: relative;left: 50px;top: 50px;}#cover{width: 400px;height: 400px;position:absolute;left: 0;top:0;bac
2017-03-02 17:09:00
336
原创 限定移动范围--teacher
Document#container {width: 800px;height: 600px;position: absolute;top:10px;left: 150px;background: gray;}#box {width: 100px;height: 100px;background: red;position: abso
2017-02-21 21:09:12
427
原创 元素只能在固定窗口内拖动
Document*{margin:0;padding:0;}#box{width:400px;height:400px;border:1px solid #ccc;position:relative;margin:300px auto;}#cont{width:60px;height:60px;background:pink;position:absolute;}
2017-02-21 19:44:56
771
原创 模拟购物车
模拟购物车h2{width:400px;height:20px;color:#600}div{border:1px solid #ccc;width:400px;margin:0 auto;height:auto;background:linear-gradient(to left,#fff,#CF9,#fff,#CF9,#CF6);}table{border:1px solid
2017-02-20 20:03:07
309
原创 选项卡切换图片
选项卡切换图片*{margin:0;padding:0;}#tab{margin:20px auto;width:500px;height:auto;}ul{width:500px;height:40px;background:#f3f1f1;line-height:40px;border:1px solid #d5d1d1;}ul li{float:left;list
2017-02-20 20:01:45
649
原创 轮播图
轮播图*{margin:0;padding:0;}#content{width:400px;height:400px;border:10px solid #ccc;margin:40px auto;position:relative;background:#f1f1f1;}#content a{width:40px;height:40px;background:#000;borde
2017-02-20 20:00:40
421
原创 下载进度条
下载进度条h2{color:#ccc;font-size:12px;height:20px;}p{width:1px;height:20px;background:red;position:absolute;left:0;top:-16px;z-index:1;}div{width:500px;height:20px;background:#ccc;position:absolut
2017-02-20 20:00:05
290
原创 猜数字游戏
猜数字游戏猜数字游戏var answer=Math.ceil(Math.random()*100);var Btn1=document.getElementById('btn1');var count=0;Btn1.onclick=function sum(){var n=Number(prompt('请输入你猜的数字'));count++;
2017-02-20 19:58:53
370
原创 随机点名
随机点名#p1{position: absolute;width: 300px;height: 200px;border:5px solid #eee;top: 20px;left:10px;font-size: 88px;font-weight: bold;font-family: "微软雅黑";line-height: 200px;text-
2017-02-20 19:56:56
461
原创 洗扑克牌
洗扑克牌开始洗牌var tem=['红桃','黑桃','方块','梅花'];var gam=['A','2','3','4','5','6','7','8','9','10','J','Q','K']var big=['小王','大王'];var coll=[];var all=[];var Btn1=document.getElementById(
2017-02-20 19:54:53
418
原创 封装获取某个元素指定css属性值的方法
封装style/*#demo{width:200px;height:300px;}*/阿萨德股份大概 --> //var Demo=$('#demo'); //getComputedStyle() IE9之前不支持此方法 //console.log(getComputedStyle(Demo).width); //currentS
2017-02-20 19:44:52
1556
原创 吸顶菜单
Document*{margin:0 auto;}p{height:2000px;}div{width:900px;height:500px;background:gold;}#nav{overflow:hidden;background:#333;height:60px;margin:0 auto;width:900px;}li{float:left;list-style
2017-02-16 17:36:49
838
原创 秒表计时器
Documentdiv{margin-top:40px;margin-left:25px;margin-bottom:10px;width:20px;height:20px;}input{width:30px;height:30px;margin-left:20px;font-size:20px;color:#fff;background: #000;border:none;outli
2017-02-15 20:13:22
477
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人