2018年05月_Future_object

原创利用dom节点实现上移下移

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> </head><body> <ul> &l

2018-05-20 15:47:16 1974

原创 html5拖拽，要在ondragover阻止这个默认事件,和解决火狐上的兼容问题

在火狐上不兼容这一套：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0;

2018-05-19 18:30:51 4344

原创前端数据库indexedDB的一些操作

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <button id="selectBook&qu

2018-05-19 18:21:19 417

原创 localStorage

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <input type="button"

2018-05-19 18:17:49 113

原创 sessionStorage的一些基本操作

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <input type="button"

2018-05-19 18:16:03 1195

原创利用cookie模拟登陆前和登陆后

第一个文件代码：登录前<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <input type=&quot

2018-05-19 18:11:26 253

原创用navigator.geolocation.watchPosition获取地理位置，在ie9以上支持这个方法，ie8及以下不行，在火狐和谷歌虽然支持了这个方法，但迟迟获取不了地理位置

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #text{width: 500px; heig

2018-05-19 16:19:43 4243 1

原创用canvas实现方块的放大旋转效果

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{background: #ccc;}

2018-05-19 16:12:11 464

原创用canvas实现方块走口子

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{background: #ccc;}

2018-05-19 16:09:11 254

原创 javascript模拟随机彩票，用hash来记录每一组值

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #con{width: 300px; heigh

2018-05-19 16:06:48 1204

原创用css3实现类似于机器人不断在水平方向的左右跑来跑去

<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></titl

2018-05-19 15:20:38 304

原创封装ajax

//四个参数 method ：ajax获取的方式 get，post //url：ajax访问的地址 //data：ajax传递的参数 //success：ajax成功返回后的回调函数 function ajax(method, url, data, success) { //1.打开浏览器 ...

2018-05-17 22:25:19 248

原创懒加载的一个小原理

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> div { margin-top: 300px; w

2018-05-17 22:21:19 159

原创 javascript实现简单的拖拽

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>移动的方块</title> <style> div { width: 100px; h

2018-05-17 22:17:50 143

原创 javascript实现简单的随机红包

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>随机红包</title> <style> #con { width: 300px; h

2018-05-17 22:14:12 2251

原创 js实现1到100随机数添加到数组，并且不重复

var arr=[];for(var i=0;i<100;i++){ var arrNum=parseInt(Math.random()*100)+1; var flag=true; for(var j=0;j<=arr.length;j++){ if(arrNum==arr[j]) { flag = false; ...

2018-05-17 21:56:35 9892

qq_39634880的博客