晴明桑 - 博客园

2016年2月18日

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Touch</title> <meta name="viewport" content="width=device-width, user-scalable=no"> </head 阅读全文

posted @ 2016-02-18 13:53 晴明桑阅读(1971) 评论(0) 推荐(0)

[js] 监听滚动条距离页面顶部的距离

摘要： console.log(document.body.scrollHeight); var a = document.body.scrollHeight; window.addEventListener("scroll", function(event) { var scrollTop = docum 阅读全文

posted @ 2016-02-18 11:05 晴明桑阅读(6150) 评论(0) 推荐(1)

[js] 监听鼠标滚轮上下滚动

摘要： window.addEventListener('wheel', function(event) { //或mousewheel。但是他们都不兼容 firefox console.log(event.wheelDelta); //上 120，下 -120 }) window.addEventList 阅读全文

posted @ 2016-02-18 10:40 晴明桑阅读(617) 评论(0) 推荐(1)

2016年2月17日

[js] insertAdjacentHTML demo

摘要： <html> <head> <meta charset="UTF-8"> <title>insertAdjacentHTML</title> </head> <body> <div id="paral" style="background:lavender;min-height:100px;bord 阅读全文

posted @ 2016-02-17 17:57 晴明桑阅读(128) 评论(0) 推荐(0)

[css3] css&html 实现 loading 加载图 demo

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>circleLoading</title> <style type="text/css"> .sk-circle { margin: 40px auto; width: 40px; 阅读全文

posted @ 2016-02-17 17:54 晴明桑阅读(280) 评论(0) 推荐(0)

2016年2月16日

[javascript]取数组中最大的数值

摘要： //var arr = new Array(1,12,4,124.45,8,99998,456);var arr = [1,12,4,124.45,8,99998,456];var a = Math.max.apply(Math,arr);var b = Math.max.apply({},arr) 阅读全文

posted @ 2016-02-16 11:13 晴明桑阅读(143) 评论(0) 推荐(0)

[css]IE版本判定

摘要： <!doctype html>   <!--[if gt IE 8]> 阅读全文

posted @ 2016-02-16 01:26 晴明桑阅读(179) 评论(0) 推荐(0)

[javascript][填坑]地理位置

摘要： function getLocation(callback){ if(navigator.geolocation){ navigator.geolocation.getCurrentPosition( function(p){ callback(p.coords.latitude, p.coords 阅读全文

posted @ 2016-02-16 01:05 晴明桑阅读(115) 评论(0) 推荐(0)

[js] 时间格式处理

摘要： Date.prototype.Format = function(formatStr) { var str = formatStr; var Week = ['日', '一', '二', '三', '四', '五', '六']; str = str.replace(/yyyy|YYYY/, this 阅读全文

posted @ 2016-02-16 01:03 晴明桑阅读(151) 评论(0) 推荐(0)

2016年2月4日

[javascript] 实测手机上屏幕高的一些参数

摘要：华为360*640??? 未测document.documentElement #实际高度为0 <body><div id="a" style="background:red;"></div> </body> #超过全屏 <body> <div id="a" style="background:re 阅读全文

posted @ 2016-02-04 16:32 晴明桑阅读(167) 评论(0) 推荐(0)

公告