03 2017 档案

摘要://F12 切换手机模式 <!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="w 阅读全文
posted @ 2017-03-10 11:38 张正-博客园 阅读(205) 评论(0) 推荐(0) 编辑
摘要:var oText = document.getElementById("text");var oBtn = document.getElementById("btn");var val = "";creatCode()function creatCode(){ var arr = ['0','1' 阅读全文
posted @ 2017-03-10 11:20 张正-博客园 阅读(969) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } a{ text-decoration: none; } #t 阅读全文
posted @ 2017-03-10 11:16 张正-博客园 阅读(212) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0; padding: 0;} body,html{width: 100%;height: 10 阅读全文
posted @ 2017-03-10 11:14 张正-博客园 阅读(348) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" name="" id="btn" value="按钮" /> <input type="bu 阅读全文
posted @ 2017-03-10 11:12 张正-博客园 阅读(4650) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" name="" id="btn" value="按钮" /> <input type="bu 阅读全文
posted @ 2017-03-10 11:08 张正-博客园 阅读(219) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ width: 100px; height: 100px; border: 1px solid #FF00 阅读全文
posted @ 2017-03-10 11:06 张正-博客园 阅读(107) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> a{ text-decoration: none; display: block; width:30px; he 阅读全文
posted @ 2017-03-10 11:04 张正-博客园 阅读(113) 评论(0) 推荐(0) 编辑
摘要:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><style> *{ margin: 0; padding: 0; } body,html{ width: 100%; height: 100%; 阅读全文
posted @ 2017-03-10 11:03 张正-博客园 阅读(112) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> Function.prototype.extend = funct 阅读全文
posted @ 2017-03-10 10:59 张正-博客园 阅读(97) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{width: 100px;height: 100px; border: 2px solid #abcdef 阅读全文
posted @ 2017-03-10 10:56 张正-博客园 阅读(142) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> document.onmouseover = function() 阅读全文
posted @ 2017-03-10 10:54 张正-博客园 阅读(145) 评论(0) 推荐(0) 编辑
摘要:将一张照片分成24个小块,切换时让24个小块不同时间分别消失,粉碎机的效果 阅读全文
posted @ 2017-03-10 10:52 张正-博客园 阅读(190) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #top{ width: 100px; height: 阅读全文
posted @ 2017-03-10 10:49 张正-博客园 阅读(110) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> img{ display: block; } #menu{ width:32px; 阅读全文
posted @ 2017-03-10 10:47 张正-博客园 阅读(225) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} #box{position: relative;width: 阅读全文
posted @ 2017-03-10 10:39 张正-博客园 阅读(97) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> var arr = [2,5,8,9,100,51,52] ale 阅读全文
posted @ 2017-03-10 10:38 张正-博客园 阅读(373) 评论(0) 推荐(0) 编辑
摘要:面试常问问题 阅读全文
posted @ 2017-03-10 10:38 张正-博客园 阅读(93) 评论(0) 推荐(0) 编辑
摘要:如果要相反顺序排序只需要修改x-y变为y-x 阅读全文
posted @ 2017-03-10 10:37 张正-博客园 阅读(139) 评论(0) 推荐(0) 编辑
摘要:未完成的自己手写的打飞机,有谁有完整版的手写游戏欢迎共享 阅读全文
posted @ 2017-03-10 10:36 张正-博客园 阅读(212) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } .bg{ width: 100%; height: 180 阅读全文
posted @ 2017-03-10 10:31 张正-博客园 阅读(183) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> </body></html> <h1>沁园春·雪</h1> <h2>毛***</h2> <div> <span> <div>北国风 阅读全文
posted @ 2017-03-10 10:30 张正-博客园 阅读(553) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body,html{ position: relativ 阅读全文
posted @ 2017-03-10 10:29 张正-博客园 阅读(203) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> time() setInterval(time,1000) fun 阅读全文
posted @ 2017-03-10 10:25 张正-博客园 阅读(498) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; border: 0; } body,html{ width: 阅读全文
posted @ 2017-03-10 10:25 张正-博客园 阅读(218) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="box"> </div> <script type="text/javascript"> var num=0; va 阅读全文
posted @ 2017-03-10 10:24 张正-博客园 阅读(123) 评论(0) 推荐(0) 编辑
摘要:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>选项卡</title><style type="text/css"> .main {width:400px; margin 阅读全文
posted @ 2017-03-10 10:23 张正-博客园 阅读(187) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> if(navigator.userAgent.indexOf( ' 阅读全文
posted @ 2017-03-10 10:22 张正-博客园 阅读(127) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="box"> <p>p1</p> <p>p2</p> <p>p3</p> <p>p4</p> </div> <scri 阅读全文
posted @ 2017-03-10 10:21 张正-博客园 阅读(176) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> var time = setInterval(timer,1000); 阅读全文
posted @ 2017-03-10 10:20 张正-博客园 阅读(151) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> </style> </head> <body> <ul> <li>1111</li> <li>2222</li> < 阅读全文
posted @ 2017-03-10 10:19 张正-博客园 阅读(1618) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ width: 100%; height: 600px; background: red; overflo 阅读全文
posted @ 2017-03-10 10:17 张正-博客园 阅读(141) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ width: 100%; height: 600px; background: red; overflo 阅读全文
posted @ 2017-03-10 10:17 张正-博客园 阅读(214) 评论(0) 推荐(0) 编辑
摘要:// 自己加载正确路径的jQ <!doctype html> <html><head><meta charset="utf-8"><title>无标题文档</title><style>body,div,ul,ol,li,p{margin:0px;padding:0px;}ul{border:1px 阅读全文
posted @ 2017-03-10 10:16 张正-博客园 阅读(539) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://static.runoob.com/assets/react/react-0.14.7/ 阅读全文
posted @ 2017-03-10 10:14 张正-博客园 阅读(114) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m 阅读全文
posted @ 2017-03-10 10:13 张正-博客园 阅读(158) 评论(0) 推荐(0) 编辑
摘要:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><style> *{ margin: 0; padding: 0; border: 0; } body,html{ height: 100%; wi 阅读全文
posted @ 2017-03-10 10:12 张正-博客园 阅读(808) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body,html{ width: 100%; height 阅读全文
posted @ 2017-03-07 10:05 张正-博客园 阅读(163) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> ul{float: left;} ul li{list-style: none;position: relati 阅读全文
posted @ 2017-03-07 10:02 张正-博客园 阅读(360) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ width: 50px; height: 50px; background: red; position 阅读全文
posted @ 2017-03-07 09:55 张正-博客园 阅读(234) 评论(0) 推荐(1) 编辑
摘要:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">.main * { padding: 0; margin: 0; font-family: 'Source Code 阅读全文
posted @ 2017-03-07 09:54 张正-博客园 阅读(303) 评论(0) 推荐(0) 编辑
摘要://自己根据图片路径设置好,img/main/index.jpg 为主页显示的9张 //img/show/index/index.jpg 分别为每一张主页后面现实的图片 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></titl 阅读全文
posted @ 2017-03-06 16:54 张正-博客园 阅读(143) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width: 450px; border: 1p 阅读全文
posted @ 2017-03-06 16:51 张正-博客园 阅读(209) 评论(0) 推荐(0) 编辑
摘要:自己练习,难免有小bug,但是效果能够实现 阅读全文
posted @ 2017-03-06 16:45 张正-博客园 阅读(135) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> var str = '12345678'; var arr = []; 阅读全文
posted @ 2017-03-06 16:28 张正-博客园 阅读(251) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #screen{ width: 600px; height: 400px; border: 1px solid #9 阅读全文
posted @ 2017-03-06 16:27 张正-博客园 阅读(340) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双飞翼圣杯</title> <style type="text/css"> *{ margin: 0; padding: 0; border: 0; } .a{ f 阅读全文
posted @ 2017-03-06 15:38 张正-博客园 阅读(383) 评论(1) 推荐(0) 编辑
摘要://原生实现三级联动 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>城市切换</title></head><body> <select id="province"></select> <select id="c 阅读全文
posted @ 2017-03-06 15:37 张正-博客园 阅读(283) 评论(0) 推荐(0) 编辑
摘要://简单运用redux写了一个加减乘除功能 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jisuanji</title> <script src="http://cdn.bootcss.com/redux/3 阅读全文
posted @ 2017-03-06 14:55 张正-博客园 阅读(377) 评论(0) 推荐(0) 编辑
摘要://用原生js实现了一个简单的轮播图效果 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #banner{ 阅读全文
posted @ 2017-03-06 14:52 张正-博客园 阅读(414) 评论(0) 推荐(0) 编辑
摘要://通过原生js实现table切换<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>选项卡</title><style type="text/css"> .main {wi 阅读全文
posted @ 2017-03-06 14:47 张正-博客园 阅读(6120) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示