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
阅读全文
摘要:var oText = document.getElementById("text");var oBtn = document.getElementById("btn");var val = "";creatCode()function creatCode(){ var arr = ['0','1'
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } a{ text-decoration: none; } #t
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0; padding: 0;} body,html{width: 100%;height: 10
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" name="" id="btn" value="按钮" /> <input type="bu
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" name="" id="btn" value="按钮" /> <input type="bu
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ width: 100px; height: 100px; border: 1px solid #FF00
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> a{ text-decoration: none; display: block; width:30px; he
阅读全文
摘要:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><style> *{ margin: 0; padding: 0; } body,html{ width: 100%; height: 100%;
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> Function.prototype.extend = funct
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{width: 100px;height: 100px; border: 2px solid #abcdef
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> document.onmouseover = function()
阅读全文
摘要:将一张照片分成24个小块,切换时让24个小块不同时间分别消失,粉碎机的效果
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #top{ width: 100px; height:
阅读全文
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> img{ display: block; } #menu{ width:32px;
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} #box{position: relative;width:
阅读全文
摘要:<!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
阅读全文
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } .bg{ width: 100%; height: 180
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> </body></html> <h1>沁园春·雪</h1> <h2>毛***</h2> <div> <span> <div>北国风
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body,html{ position: relativ
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> time() setInterval(time,1000) fun
阅读全文
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; border: 0; } body,html{ width:
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="box"> </div> <script type="text/javascript"> var num=0; va
阅读全文
摘要:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>选项卡</title><style type="text/css"> .main {width:400px; margin
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> if(navigator.userAgent.indexOf( '
阅读全文
摘要:<!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
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> var time = setInterval(timer,1000);
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> </style> </head> <body> <ul> <li>1111</li> <li>2222</li> <
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ width: 100%; height: 600px; background: red; overflo
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ width: 100%; height: 600px; background: red; overflo
阅读全文
摘要:// 自己加载正确路径的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
阅读全文
摘要:<!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/
阅读全文
摘要:<!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
阅读全文
摘要:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><style> *{ margin: 0; padding: 0; border: 0; } body,html{ height: 100%; wi
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body,html{ width: 100%; height
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> ul{float: left;} ul li{list-style: none;position: relati
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ width: 50px; height: 50px; background: red; position
阅读全文
摘要:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">.main * { padding: 0; margin: 0; font-family: 'Source Code
阅读全文
摘要://自己根据图片路径设置好,img/main/index.jpg 为主页显示的9张 //img/show/index/index.jpg 分别为每一张主页后面现实的图片 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></titl
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width: 450px; border: 1p
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> var str = '12345678'; var arr = [];
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #screen{ width: 600px; height: 400px; border: 1px solid #9
阅读全文
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双飞翼圣杯</title> <style type="text/css"> *{ margin: 0; padding: 0; border: 0; } .a{ f
阅读全文
摘要://原生实现三级联动 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>城市切换</title></head><body> <select id="province"></select> <select id="c
阅读全文
摘要://简单运用redux写了一个加减乘除功能 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jisuanji</title> <script src="http://cdn.bootcss.com/redux/3
阅读全文
摘要://用原生js实现了一个简单的轮播图效果 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #banner{
阅读全文
摘要://通过原生js实现table切换<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>选项卡</title><style type="text/css"> .main {wi
阅读全文