Welcom to 评论 - lizhenqiu blog！
#2091
#2092
#2093
#2094
#2095
#2096
#2097
div{ word-break:break-all; }
-webkit /*为Chrome/Safari*/ -moz /*为Firefox*/ -ms /*为IE*/ -o /*为Opera*/ -webkit-transform:rotate(-3deg); /*为Chrome/Safari*/ -moz-transform:rotate(-3deg); /*为Firefox*/ -ms-transform:rotate(-3deg); /*为IE*/ -o-transform:rotate(-3deg); /*为Opera*/ transform:rotate(-3deg); /*为nothing*/ -moz-border-radius: 12px; /* FF1-3.6 */ -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
-webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);
#2098
#2099
设置移动端的可视 name="viewport" <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> width=device-width：等于屏幕的可是宽度 / 也可为整数（width=640）； initial-scale=1：页面的初始缩放值1倍； minimum-scale=1：允许页面最小的缩放值； maximum-scale=1：允许页面最大的缩放值； user-scalable=no：是否允许用户缩放，yes或no； 设置IE浏览器的兼容模式 http-equiv="X-UA-Compatible" <meta http-equiv="X-UA-Compatible" content="IE=edge"> IE=edge：以最新版本的IE显示网页； IE=9 / IE=8 / IE=7：以IE9模式解析 / 以IE8模式解析 / 以IE7模式解析； 告诉搜索引擎，网站的主要内容 name="description" <meta name="description" content="这里填写网站主要的内容如：体育，nba，最大的nba咨询平台">(不益写太多，这样反而突出不了重点) 设置网页的作者 name="author" <meta name="author" content="王校长"> 在移动设备上的一串数字会自动给你加上链接样式，而且点击还会自动拨号，我们可以使用 name="format-detection" 来控制 <meta name="format-detection" content="telephone=no"> telephone=no：禁止将数字转为拨号链接 / 值是yes则相反，默认是yes； email=no：禁止作为邮箱地址 / 值是yes则相反，默认是yes； adress=no：禁止跳转地图 / 值是yes则相反，默认是yes； 值可以连写如：<meta name="format-detection" content="telephone=no,email=no,adress=no"> 删除默认的苹果工具栏和菜单栏 name="apple-mobile-web-app-capable" <meta name="apple-mobile-web-app-capable" content="yes"> yes是删除； no是不删除；(默认值是no) 控制手机最上面的状态栏显示样式(颜色) name="apple-mobile-web-app-status-bar-style" <meta name="apple-mobile-web-app-status-bar-style" content="black"> black：设置为黑色 / 可以自己填其他颜色属性
#2100
input {-webkit-appearance:none; border-radius: 0; /*去除input默认样式*/} input[type="submit"], input[type="reset"], input[type="button"], input{-webkit-appearance:none;}
#2101
Private Sub Label4_Click() Dim WshShell, a Set WshShell = CreateObject("WScript.Shell") a = WshShell.SpecialFolders("Desktop") Shell "explorer " & a, 1 End Sub
#2102
Private Sub Command1_Click() Dim WshShell, a Set WshShell = CreateObject("WScript.Shell") a = WshShell.SpecialFolders("Desktop") Print a End Sub
#2103
//----------------------------解决兼容性方法------------------------------------------------------------ //获取元素的计算后样式属性 function getStyle(element, attr) { if(element.currentStyle) { return element.currentStyle[attr]; } else { return window.getComputedStyle(element, null)[attr]; } } //scroll().top or scroll().left获取已经滚动到元素的左边界或上边界的像素数 function scroll() { return { top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0, left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0 }; } //获取可视窗口大小 function client() { return { width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0, height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0 }; } //event兼容 var eventCompatible = { //event兼容 getEvent: function(event) { return event || window.event; }, //阻止冒泡事件 stopPropagation: function(event) { var event = event || window.event; if(event && event.stopPropagation) { return event.stopPropagation(); } else { return event.cancelBubble = true; } }, //event.target 事件的目标 (事件委托) getTarget: function(event) { var event = event || window.event; return event.target ? event.target : event.srcElement; }, //鼠标页面坐标 page: function(event) { var event = event || window.event; return { x: event.pageX || event.clientX + document.documentElement.scrollLeft, y: event.pageY || event.clientY + document.documentElement.scrollTop }; }, //阻止默认行为 prevent: function(event){ var event = event || window.event; if (event.preventDefault) { return event.preventDefault(); }else{ return event.returnValue = false; } } }; //监听事件兼容处理 function eventListener(obj, type, handler, unbind) { if(unbind === true) { if(obj.removeEventListener) { obj.removeEventListener(type, handler); } else { obj.detachEvent("on" + type, handler); }; } else { if(obj.addEventListener) { obj.addEventListener(type, handler); } else { obj.attachEvent("on" + type, handler); }; }; }; //清除选择 function clearSelection() { return window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty(); } //--------------------------------------------------------------------------------------- //-----------------------自定义的方法------------------------------------------------ // trim function trim(str) { return str.replace(/^\s+|\s+$/g, ""); } //十进制转其他进制 type类型有"bit"、"oct"、"hex" function changeFromDec(type, value) { var arr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"] var scale = 0; var sys = ""; if(!/^[\d]*$/g.test(value)) { return ""; } if(!value) { return ""; } if(type === "bit") { scale = 2; } else if(type === "oct") { scale = 8; } else if(type === "hex") { scale = 16; while(true) { sys = arr[value % 16] + sys; value = parseInt(value / 16); if(!value) { break; } } return sys; } while(true) { sys = value % scale + sys; value = parseInt(value / scale); if(!value) { break; } } return sys; } //二进制、八进制、十六进制转十进制; function toDec(type, value) { if(typeof value === "number") value += ""; var scale = 0; var flag = false; if(type === "bit") { flag = /^[01]*$/g.test(value); scale = 2; } else if(type === "oct") { flag = /^[0-7]*$/g.test(value) scale = 8; } else if(type === "hex") { flag = /^[0-9a-fA-F]*$/g.test(value) scale = 16; } if(!flag || !value) return; var arr = value.split(""); var dec = 0; for(var i = 0; i < arr.length; i++) { if(isNaN(parseInt(arr[i]))) { var charCode = arr[i].charCodeAt(0); if(charCode > 64 && charCode < 71) { dec += (charCode - 55) * Math.pow(scale, arr.length - 1 - i) } else if(charCode > 96 && charCode < 103) { dec += (charCode - 87) * Math.pow(scale, arr.length - 1 - i) } } else { dec += arr[i] * Math.pow(scale, arr.length - 1 - i); } } return dec; } //转动时钟 function clock() { var d = new Date(); var ms = d.getMilliseconds(); var s = d.getSeconds() + ms / 1000; var m = d.getMinutes() + s / 60; var h = d.getHours() + m / 60; second.style.transform = "rotate(" + s * 6 + "deg)"; minute.style.transform = "rotate(" + m * 6 + "deg)"; hour.style.transform = "rotate(" + h * 30 + "deg)"; } //匀速动画 function animate(obj, attr, distance) { var step = 20; var leader = parseInt(getStyle(obj, attr)) || 0 clearInterval(obj.atimer); obj.atimer = setInterval(function() { distance > leader ? leader += step : leader -= step; if(Math.abs(distance - leader) > step) { obj.style[attr] = leader + "px"; } else { obj.style[attr] = distance + "px"; clearInterval(obj.atimer); } }, 15); } //缓动动画(单个数值属性) function slowSpeedAnimate(element, attr, distance) { clearInterval(element.timer); element.timer = setInterval(function() { var removing = parseInt(getStyle(element, attr)) || 0; //element.offsetLeft; var step = (distance - removing) / 20; step = step > 0 ? Math.ceil(step) : Math.floor(step); removing = removing + step; element.style[attr] = removing + "px"; if(removing == distance) { clearInterval(element.timer); } }, 15) } //缓动动画(多个数值属性) function moreAnimate(element, json, interval, fn) { clearInterval(element.timer); element.timer = setInterval(function() { var flag = true; for(var k in json) { if(k === "opacity") { var removing = getStyle(element, k) * 100; //element.offsetLeft; var distance = json[k] * 100; var step = (distance - removing) / interval; step = step > 0 ? Math.ceil(step) : Math.floor(step); removing = removing + step; element.style[k] = removing / 100; } else { var removing = parseInt(getStyle(element, k)) || 0; //element.offsetLeft; var distance = json[k]; var step = (distance - removing) / interval; step = step > 0 ? Math.ceil(step) : Math.floor(step); removing = removing + step; element.style[k] = removing + "px"; } if(removing != distance) { flag = false; } } if(flag) { clearInterval(element.timer); if(fn) { fn(); } } }, 15) } //进度条 function Progress(id, width, height, outClass, inClass) { this.width = width; this.height = height; this.color = "#fff"; this.progress = document.createElement("div"); this.percentage = document.createElement("div"); this.filler = document.createElement("div"); var element = document.getElementById(id); if(width) { this.progress.style.width = this.width + "px"; } else { this.progress.style.width = "200px"; } if(height) { this.progress.style.height = this.height + "px"; } else { this.progress.style.height = "20px"; } if(typeof outClass === "string" && (/^[a-zA-Z](\w|[-])+$/g.test(outClass))) { this.progress.className = outClass; } else { this.progress.style.border = "1px solid #cccccc"; this.progress.style.backgroundImage = "linear-gradient(to bottom, #ccc 0%, #fff 40%, #ccc 100%)"; this.progress.style.borderRadius = "10px"; } this.progress.style.overflow = "hidden"; this.progress.style.position = "relative"; element.appendChild(this.progress); // this.progress.appendChild(this.percentage); this.percentage.style.width = "100%"; this.percentage.style.height = "100%"; this.percentage.style.textAlign = "center"; this.percentage.style.position = "absolute"; this.percentage.innerHTML = "0%"; // this.progress.appendChild(this.filler); this.filler.style.height = "100%"; this.filler.style.width = 0; if(typeof inClass === "string" && (/^[a-zA-Z](\w|[-])+$/g.test(inClass))) { this.filler.className = inClass; } else { this.filler.style.backgroundColor = "#DC7BBE"; this.filler.style.backgroundImage = "linear-gradient(to bottom, #0AF 0%, #0ff 40%, #0AF 100%)"; } } Progress.prototype.fill = function(value) { if(value) { this.percentage.innerHTML = value + "%"; this.percentage.style.color = this.color; value = (this.progress.offsetWidth - 2) / 100 * value; this.filler.style.width = value + "px"; } else { this.filler.style.width = 0; this.percentage.innerHTML = "0%"; } } //ajax封装 function ajax(a, b) { //type, url, async, dataType, data, fn var xhr = null, type = "get", url = "#", async = true, dataType = "text", data = "", jsonp = "", jsonpCallback = "", methodName = "", c = null; if(typeof a === "string") { url = a; } if(typeof a === "object") { c = a; } else if(typeof b == "object") { c = b; } if(c) { if(c.type && typeof c.type === "string") { type = c.type; }; if(c.url && typeof c.url === "string") { url = c.url; }; if(c.async && typeof c.async === "boolean") { async = c.async; }; if(c.dataType && typeof c.dataType === "string") { dataType = c.dataType; }; if(c.data && typeof c.data === "object") { var arr = []; for(k in c.data) { arr.push(k + "=" + c.data[k]); } data = arr.join("&"); }; if(c.jsonp && typeof c.jsonp === "string") { if(!c.dataType) { dataType = "jsonp"; } jsonp = c.jsonp; if(data) { data += "&"; } } else { jsonp = "callback"; } if(c.jsonpCallback && typeof c.jsonpCallback === "string") { methodName = c.jsonpCallback; } else { methodName = "jquery" + new Date().getTime() + "_" + (Math.random() + "").substr(2); } }; if(dataType == "jsonp") { data += jsonp + "=" + methodName; window[methodName] = function(data) { c.success(data); } var script = document.createElement("script"); script.src = url + "?" + data; var head = document.getElementsByTagName("head")[0]; head.appendChild(script); } else { //ajax部分 if(window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr = ActiveXObject("Microsoft.XMLHTTP"); } if(type == "get") { if(data) { url += encodeURI("?" + data); } data = null; }; xhr.open(type, url, async); if(type == "post") { xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); }; xhr.send(data); xhr.onreadystatechange = function() { if(xhr.readyState == 4 && xhr.status == 200) { var obj = { text: xhr.responseText, json: JSON.parse(xhr.responseText), }; var data = obj[dataType]; if(typeof c.success === "function") { c.success(data); } } } } } //millisec是距离 GMT 时间 1970 年 1 月 1 日午夜的毫秒数 (解析通过ajax返回的数据中的毫秒数值的日期) function getFullDate(millisec, lang) { var data = new Date(); data.setTime(millisec); var year = data.getFullYear(), month = data.getMonth(), day = data.getDate(), week = data.getDay(), hour = data.getHours(), minute = data.getMinutes(), second = data.getSeconds(), am = "am", pm = "pm", enWeek = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], cnWeek = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"], enMonth = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], cnMonth = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"], cnDay = ["廿", "一", "二", "三", "四", "五", "六", "七", "八", "九", "十"] if(lang == "cn") { am = "上午"; pm = "下午"; }; day = day < 10 ? "0" + day : day; var obj = { year: year, month: lang ? (lang == "cn" ? cnMonth[month] : enMonth[month]) : (month < 10 ? "0" + (month + 1) : (month + 1)), day: day, week: lang == "en" ? enWeek[week] : cnWeek[week], hour: hour < 10 ? "0" + hour : hour, minute: minute < 10 ? "0" + minute : minute, second: second < 10 ? "0" + second : second, ms: data.getMilliseconds(), am: am, pm: pm, Hour: hour + minute / 60 > 12 ? (hour == 12 ? pm + hour : pm + hour % 12) : am + hour, }; return obj; } //右键菜单 function RightMenu(area) { this.area = area; this.menu = null; } //根据传入的值获取目标 RightMenu.prototype.target = function(area) { if(typeof area === "string") { return document.getElementById(area); } else if(typeof area === "object") { return area; } } RightMenu.prototype.init = function(data, defaultStyle, userStyle, hoverStyle) { this.createMenu(data, defaultStyle, userStyle, hoverStyle); this.showMenu(); } RightMenu.prototype.createMenu = function(data, defaultStyle, userStyle, hoverStyle) { if(typeof defaultStyle == "string" && !defaultStyle) { hoverStyle = userStyle; userStyle = defaultStyle; defaultStyle = true; } //创建菜单及样式 this.menu = document.createElement("ul"); this.menu.style.position = "absolute"; this.menu.style.margin = 0; this.menu.style.padding = "2px"; this.menu.style.listStyle = "none"; this.menu.style.display = "none"; if(!defaultStyle) { this.menu.style.border = "1px solid #DDDDDD"; this.menu.style.backgroundColor = "#CCCCCC"; this.menu.style.boxShadow = "5px 5px 5px #ccc"; } else { this.menu.className = userStyle; } //选中项样式 var hover = document.createElement("span"); hover.style.display = "block"; hover.style.position = "absolute" hover.style.top = 0; hover.style.left = 0; hover.style.boxSizing = "border-box"; hover.style.width = "100%"; hover.style.height = "100%"; if((!defaultStyle) || (defaultStyle && !hoverStyle)) { hover.style.border = "1px solid #aaa"; hover.style.borderRadius = "5px"; hover.style.backgroundImage = "linear-gradient(to bottom,rgba(255,255,255,0.5)0%,rgba(255,255,255,0.1)50%,rgba(255,255,255,0.1)100%)"; } else { hover.className = hoverStyle; } //创建菜单项 for(var item in data) { var li = document.createElement("li"); li.style.position = "relative"; li.style.padding = "5px 10px"; li.style.cursor = "pointer"; //绑定事件 li.addEventListener("mouseenter", function() { this.appendChild(hover); }); li.addEventListener("mouseleave", function() { this.removeChild(hover); }); var itemData = data[item] for(var obj in itemData) { if(typeof itemData[obj] === "string") { li.innerHTML = itemData[obj]; } else if(typeof itemData[obj] === "object") { var handlerData = itemData[obj]; for(var type in handlerData) { li.addEventListener(type, handlerData[type]); } } } this.menu.appendChild(li); } this.target(this.area).appendChild(this.menu); } RightMenu.prototype.showMenu = function() { var that = this; this.menu.parentNode.oncontextmenu = function(ev) { that.menu.style.display = "block"; that.menu.style.left = ev.pageX + "px"; that.menu.style.top = ev.pageY + "px"; if(that.menu.parentNode.offsetWidth < that.menu.offsetLeft + that.menu.offsetWidth) { that.menu.style.left = ev.pageX - that.menu.offsetWidth + "px"; }; if(that.menu.parentNode.offsetHeight < that.menu.offsetTop + that.menu.offsetHeight) { that.menu.style.top = ev.pageY - that.menu.offsetHeight + "px"; }; return false; } this.menu.parentNode.onclick = function() { that.menu.style.display = "none"; } document.onkeydown = function(e) { if(e.keyCode == 18 || e.keyCode == 27) { that.menu.style.display = "none"; } } } //拖拽 function Drag(target, area) { this.target = target; this.area = area; } //根据传入的值获取目标 Drag.prototype.dragTarget = function(target) { if(typeof target === "string") { return document.getElementById(target); } else if(typeof target === "object") { return target; } } Drag.prototype.init = function() { this.target = this.dragTarget(this.target); this.target.style.position = "absolute"; this.target.setAttribute("draggable","true"); this.dragEvent(); } Drag.prototype.dragEvent = function() { var that = this; this.target.onmousedown = function(e) { e = e || window.event; that.disX = e.clientX - that.target.offsetLeft; that.disY = e.clientY - that.target.offsetTop; document.onmousemove = function(e) { that.moveEvent(e); } document.onmouseup = function(){ that.target.style.opacity = "1"; document.onmousemove = document.onmouseup = null; } return false; } } Drag.prototype.moveEvent = function(e) { var limitX = e.clientX - this.disX; var limitY = e.clientY - this.disY; //没有指定区域则用document if (!this.area) { this.area = document.documentElement; } if(limitX < this.area.offsetLeft) { limitX = this.area.offsetLeft; } else if(limitX > this.area.clientWidth + this.area.offsetLeft - this.target.offsetWidth) { limitX = this.area.clientWidth + this.area.offsetLeft - this.target.offsetWidth; } if(limitY < this.area.offsetTop) { limitY = this.area.offsetTop; } else if(limitY > this.area.clientHeight + this.area.offsetTop - this.target.offsetHeight) { limitY = this.area.clientHeight + this.area.offsetTop - this.target.offsetHeight; } this.target.style.left = limitX + "px"; this.target.style.top = limitY + "px"; this.target.style.opacity = "0.8"; }
#2104
#2105
#2106
#2107
#2108
#2109
确定要清除编辑框内容吗?
该删除操作将不可恢复。
删除 取消
激活Windows
转到"设置"以激活Windows。
#2091
#2092
#2093
#2094
#2095
#2096
#2097
div{ word-break:break-all; }CSS3的一些前缀总结
-webkit /*为Chrome/Safari*/ -moz /*为Firefox*/ -ms /*为IE*/ -o /*为Opera*/ -webkit-transform:rotate(-3deg); /*为Chrome/Safari*/ -moz-transform:rotate(-3deg); /*为Firefox*/ -ms-transform:rotate(-3deg); /*为IE*/ -o-transform:rotate(-3deg); /*为Opera*/ transform:rotate(-3deg); /*为nothing*/ -moz-border-radius: 12px; /* FF1-3.6 */ -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */css3的box-sizing
给了两个并排带边框的div百分比宽度，假如不用box-sizing，边框的宽度会在行内显示。用box-sizing：border-box,可以去除边框的占位。
浏览器支持IE9以上及火狐、谷歌、Opera等等。
模糊遮罩效率，模糊滤镜效果
-webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);#2098
#2099
设置移动端的可视 name="viewport" <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> width=device-width：等于屏幕的可是宽度 / 也可为整数（width=640）； initial-scale=1：页面的初始缩放值1倍； minimum-scale=1：允许页面最小的缩放值； maximum-scale=1：允许页面最大的缩放值； user-scalable=no：是否允许用户缩放，yes或no； 设置IE浏览器的兼容模式 http-equiv="X-UA-Compatible" <meta http-equiv="X-UA-Compatible" content="IE=edge"> IE=edge：以最新版本的IE显示网页； IE=9 / IE=8 / IE=7：以IE9模式解析 / 以IE8模式解析 / 以IE7模式解析； 告诉搜索引擎，网站的主要内容 name="description" <meta name="description" content="这里填写网站主要的内容如：体育，nba，最大的nba咨询平台">(不益写太多，这样反而突出不了重点) 设置网页的作者 name="author" <meta name="author" content="王校长"> 在移动设备上的一串数字会自动给你加上链接样式，而且点击还会自动拨号，我们可以使用 name="format-detection" 来控制 <meta name="format-detection" content="telephone=no"> telephone=no：禁止将数字转为拨号链接 / 值是yes则相反，默认是yes； email=no：禁止作为邮箱地址 / 值是yes则相反，默认是yes； adress=no：禁止跳转地图 / 值是yes则相反，默认是yes； 值可以连写如：<meta name="format-detection" content="telephone=no,email=no,adress=no"> 删除默认的苹果工具栏和菜单栏 name="apple-mobile-web-app-capable" <meta name="apple-mobile-web-app-capable" content="yes"> yes是删除； no是不删除；(默认值是no) 控制手机最上面的状态栏显示样式(颜色) name="apple-mobile-web-app-status-bar-style" <meta name="apple-mobile-web-app-status-bar-style" content="black"> black：设置为黑色 / 可以自己填其他颜色属性#2100
input {-webkit-appearance:none; border-radius: 0; /*去除input默认样式*/} input[type="submit"], input[type="reset"], input[type="button"], input{-webkit-appearance:none;}#2101
Private Sub Label4_Click() Dim WshShell, a Set WshShell = CreateObject("WScript.Shell") a = WshShell.SpecialFolders("Desktop") Shell "explorer " & a, 1 End Sub#2102
VB读取获取桌面路径
Private Sub Command1_Click() Dim WshShell, a Set WshShell = CreateObject("WScript.Shell") a = WshShell.SpecialFolders("Desktop") Print a End Sub#2103
//----------------------------解决兼容性方法------------------------------------------------------------ //获取元素的计算后样式属性 function getStyle(element, attr) { if(element.currentStyle) { return element.currentStyle[attr]; } else { return window.getComputedStyle(element, null)[attr]; } } //scroll().top or scroll().left获取已经滚动到元素的左边界或上边界的像素数 function scroll() { return { top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0, left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0 }; } //获取可视窗口大小 function client() { return { width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0, height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0 }; } //event兼容 var eventCompatible = { //event兼容 getEvent: function(event) { return event || window.event; }, //阻止冒泡事件 stopPropagation: function(event) { var event = event || window.event; if(event && event.stopPropagation) { return event.stopPropagation(); } else { return event.cancelBubble = true; } }, //event.target 事件的目标 (事件委托) getTarget: function(event) { var event = event || window.event; return event.target ? event.target : event.srcElement; }, //鼠标页面坐标 page: function(event) { var event = event || window.event; return { x: event.pageX || event.clientX + document.documentElement.scrollLeft, y: event.pageY || event.clientY + document.documentElement.scrollTop }; }, //阻止默认行为 prevent: function(event){ var event = event || window.event; if (event.preventDefault) { return event.preventDefault(); }else{ return event.returnValue = false; } } }; //监听事件兼容处理 function eventListener(obj, type, handler, unbind) { if(unbind === true) { if(obj.removeEventListener) { obj.removeEventListener(type, handler); } else { obj.detachEvent("on" + type, handler); }; } else { if(obj.addEventListener) { obj.addEventListener(type, handler); } else { obj.attachEvent("on" + type, handler); }; }; }; //清除选择 function clearSelection() { return window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty(); } //--------------------------------------------------------------------------------------- //-----------------------自定义的方法------------------------------------------------ // trim function trim(str) { return str.replace(/^\s+|\s+$/g, ""); } //十进制转其他进制 type类型有"bit"、"oct"、"hex" function changeFromDec(type, value) { var arr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"] var scale = 0; var sys = ""; if(!/^[\d]*$/g.test(value)) { return ""; } if(!value) { return ""; } if(type === "bit") { scale = 2; } else if(type === "oct") { scale = 8; } else if(type === "hex") { scale = 16; while(true) { sys = arr[value % 16] + sys; value = parseInt(value / 16); if(!value) { break; } } return sys; } while(true) { sys = value % scale + sys; value = parseInt(value / scale); if(!value) { break; } } return sys; } //二进制、八进制、十六进制转十进制; function toDec(type, value) { if(typeof value === "number") value += ""; var scale = 0; var flag = false; if(type === "bit") { flag = /^[01]*$/g.test(value); scale = 2; } else if(type === "oct") { flag = /^[0-7]*$/g.test(value) scale = 8; } else if(type === "hex") { flag = /^[0-9a-fA-F]*$/g.test(value) scale = 16; } if(!flag || !value) return; var arr = value.split(""); var dec = 0; for(var i = 0; i < arr.length; i++) { if(isNaN(parseInt(arr[i]))) { var charCode = arr[i].charCodeAt(0); if(charCode > 64 && charCode < 71) { dec += (charCode - 55) * Math.pow(scale, arr.length - 1 - i) } else if(charCode > 96 && charCode < 103) { dec += (charCode - 87) * Math.pow(scale, arr.length - 1 - i) } } else { dec += arr[i] * Math.pow(scale, arr.length - 1 - i); } } return dec; } //转动时钟 function clock() { var d = new Date(); var ms = d.getMilliseconds(); var s = d.getSeconds() + ms / 1000; var m = d.getMinutes() + s / 60; var h = d.getHours() + m / 60; second.style.transform = "rotate(" + s * 6 + "deg)"; minute.style.transform = "rotate(" + m * 6 + "deg)"; hour.style.transform = "rotate(" + h * 30 + "deg)"; } //匀速动画 function animate(obj, attr, distance) { var step = 20; var leader = parseInt(getStyle(obj, attr)) || 0 clearInterval(obj.atimer); obj.atimer = setInterval(function() { distance > leader ? leader += step : leader -= step; if(Math.abs(distance - leader) > step) { obj.style[attr] = leader + "px"; } else { obj.style[attr] = distance + "px"; clearInterval(obj.atimer); } }, 15); } //缓动动画(单个数值属性) function slowSpeedAnimate(element, attr, distance) { clearInterval(element.timer); element.timer = setInterval(function() { var removing = parseInt(getStyle(element, attr)) || 0; //element.offsetLeft; var step = (distance - removing) / 20; step = step > 0 ? Math.ceil(step) : Math.floor(step); removing = removing + step; element.style[attr] = removing + "px"; if(removing == distance) { clearInterval(element.timer); } }, 15) } //缓动动画(多个数值属性) function moreAnimate(element, json, interval, fn) { clearInterval(element.timer); element.timer = setInterval(function() { var flag = true; for(var k in json) { if(k === "opacity") { var removing = getStyle(element, k) * 100; //element.offsetLeft; var distance = json[k] * 100; var step = (distance - removing) / interval; step = step > 0 ? Math.ceil(step) : Math.floor(step); removing = removing + step; element.style[k] = removing / 100; } else { var removing = parseInt(getStyle(element, k)) || 0; //element.offsetLeft; var distance = json[k]; var step = (distance - removing) / interval; step = step > 0 ? Math.ceil(step) : Math.floor(step); removing = removing + step; element.style[k] = removing + "px"; } if(removing != distance) { flag = false; } } if(flag) { clearInterval(element.timer); if(fn) { fn(); } } }, 15) } //进度条 function Progress(id, width, height, outClass, inClass) { this.width = width; this.height = height; this.color = "#fff"; this.progress = document.createElement("div"); this.percentage = document.createElement("div"); this.filler = document.createElement("div"); var element = document.getElementById(id); if(width) { this.progress.style.width = this.width + "px"; } else { this.progress.style.width = "200px"; } if(height) { this.progress.style.height = this.height + "px"; } else { this.progress.style.height = "20px"; } if(typeof outClass === "string" && (/^[a-zA-Z](\w|[-])+$/g.test(outClass))) { this.progress.className = outClass; } else { this.progress.style.border = "1px solid #cccccc"; this.progress.style.backgroundImage = "linear-gradient(to bottom, #ccc 0%, #fff 40%, #ccc 100%)"; this.progress.style.borderRadius = "10px"; } this.progress.style.overflow = "hidden"; this.progress.style.position = "relative"; element.appendChild(this.progress); // this.progress.appendChild(this.percentage); this.percentage.style.width = "100%"; this.percentage.style.height = "100%"; this.percentage.style.textAlign = "center"; this.percentage.style.position = "absolute"; this.percentage.innerHTML = "0%"; // this.progress.appendChild(this.filler); this.filler.style.height = "100%"; this.filler.style.width = 0; if(typeof inClass === "string" && (/^[a-zA-Z](\w|[-])+$/g.test(inClass))) { this.filler.className = inClass; } else { this.filler.style.backgroundColor = "#DC7BBE"; this.filler.style.backgroundImage = "linear-gradient(to bottom, #0AF 0%, #0ff 40%, #0AF 100%)"; } } Progress.prototype.fill = function(value) { if(value) { this.percentage.innerHTML = value + "%"; this.percentage.style.color = this.color; value = (this.progress.offsetWidth - 2) / 100 * value; this.filler.style.width = value + "px"; } else { this.filler.style.width = 0; this.percentage.innerHTML = "0%"; } } //ajax封装 function ajax(a, b) { //type, url, async, dataType, data, fn var xhr = null, type = "get", url = "#", async = true, dataType = "text", data = "", jsonp = "", jsonpCallback = "", methodName = "", c = null; if(typeof a === "string") { url = a; } if(typeof a === "object") { c = a; } else if(typeof b == "object") { c = b; } if(c) { if(c.type && typeof c.type === "string") { type = c.type; }; if(c.url && typeof c.url === "string") { url = c.url; }; if(c.async && typeof c.async === "boolean") { async = c.async; }; if(c.dataType && typeof c.dataType === "string") { dataType = c.dataType; }; if(c.data && typeof c.data === "object") { var arr = []; for(k in c.data) { arr.push(k + "=" + c.data[k]); } data = arr.join("&"); }; if(c.jsonp && typeof c.jsonp === "string") { if(!c.dataType) { dataType = "jsonp"; } jsonp = c.jsonp; if(data) { data += "&"; } } else { jsonp = "callback"; } if(c.jsonpCallback && typeof c.jsonpCallback === "string") { methodName = c.jsonpCallback; } else { methodName = "jquery" + new Date().getTime() + "_" + (Math.random() + "").substr(2); } }; if(dataType == "jsonp") { data += jsonp + "=" + methodName; window[methodName] = function(data) { c.success(data); } var script = document.createElement("script"); script.src = url + "?" + data; var head = document.getElementsByTagName("head")[0]; head.appendChild(script); } else { //ajax部分 if(window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr = ActiveXObject("Microsoft.XMLHTTP"); } if(type == "get") { if(data) { url += encodeURI("?" + data); } data = null; }; xhr.open(type, url, async); if(type == "post") { xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); }; xhr.send(data); xhr.onreadystatechange = function() { if(xhr.readyState == 4 && xhr.status == 200) { var obj = { text: xhr.responseText, json: JSON.parse(xhr.responseText), }; var data = obj[dataType]; if(typeof c.success === "function") { c.success(data); } } } } } //millisec是距离 GMT 时间 1970 年 1 月 1 日午夜的毫秒数 (解析通过ajax返回的数据中的毫秒数值的日期) function getFullDate(millisec, lang) { var data = new Date(); data.setTime(millisec); var year = data.getFullYear(), month = data.getMonth(), day = data.getDate(), week = data.getDay(), hour = data.getHours(), minute = data.getMinutes(), second = data.getSeconds(), am = "am", pm = "pm", enWeek = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], cnWeek = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"], enMonth = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], cnMonth = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"], cnDay = ["廿", "一", "二", "三", "四", "五", "六", "七", "八", "九", "十"] if(lang == "cn") { am = "上午"; pm = "下午"; }; day = day < 10 ? "0" + day : day; var obj = { year: year, month: lang ? (lang == "cn" ? cnMonth[month] : enMonth[month]) : (month < 10 ? "0" + (month + 1) : (month + 1)), day: day, week: lang == "en" ? enWeek[week] : cnWeek[week], hour: hour < 10 ? "0" + hour : hour, minute: minute < 10 ? "0" + minute : minute, second: second < 10 ? "0" + second : second, ms: data.getMilliseconds(), am: am, pm: pm, Hour: hour + minute / 60 > 12 ? (hour == 12 ? pm + hour : pm + hour % 12) : am + hour, }; return obj; } //右键菜单 function RightMenu(area) { this.area = area; this.menu = null; } //根据传入的值获取目标 RightMenu.prototype.target = function(area) { if(typeof area === "string") { return document.getElementById(area); } else if(typeof area === "object") { return area; } } RightMenu.prototype.init = function(data, defaultStyle, userStyle, hoverStyle) { this.createMenu(data, defaultStyle, userStyle, hoverStyle); this.showMenu(); } RightMenu.prototype.createMenu = function(data, defaultStyle, userStyle, hoverStyle) { if(typeof defaultStyle == "string" && !defaultStyle) { hoverStyle = userStyle; userStyle = defaultStyle; defaultStyle = true; } //创建菜单及样式 this.menu = document.createElement("ul"); this.menu.style.position = "absolute"; this.menu.style.margin = 0; this.menu.style.padding = "2px"; this.menu.style.listStyle = "none"; this.menu.style.display = "none"; if(!defaultStyle) { this.menu.style.border = "1px solid #DDDDDD"; this.menu.style.backgroundColor = "#CCCCCC"; this.menu.style.boxShadow = "5px 5px 5px #ccc"; } else { this.menu.className = userStyle; } //选中项样式 var hover = document.createElement("span"); hover.style.display = "block"; hover.style.position = "absolute" hover.style.top = 0; hover.style.left = 0; hover.style.boxSizing = "border-box"; hover.style.width = "100%"; hover.style.height = "100%"; if((!defaultStyle) || (defaultStyle && !hoverStyle)) { hover.style.border = "1px solid #aaa"; hover.style.borderRadius = "5px"; hover.style.backgroundImage = "linear-gradient(to bottom,rgba(255,255,255,0.5)0%,rgba(255,255,255,0.1)50%,rgba(255,255,255,0.1)100%)"; } else { hover.className = hoverStyle; } //创建菜单项 for(var item in data) { var li = document.createElement("li"); li.style.position = "relative"; li.style.padding = "5px 10px"; li.style.cursor = "pointer"; //绑定事件 li.addEventListener("mouseenter", function() { this.appendChild(hover); }); li.addEventListener("mouseleave", function() { this.removeChild(hover); }); var itemData = data[item] for(var obj in itemData) { if(typeof itemData[obj] === "string") { li.innerHTML = itemData[obj]; } else if(typeof itemData[obj] === "object") { var handlerData = itemData[obj]; for(var type in handlerData) { li.addEventListener(type, handlerData[type]); } } } this.menu.appendChild(li); } this.target(this.area).appendChild(this.menu); } RightMenu.prototype.showMenu = function() { var that = this; this.menu.parentNode.oncontextmenu = function(ev) { that.menu.style.display = "block"; that.menu.style.left = ev.pageX + "px"; that.menu.style.top = ev.pageY + "px"; if(that.menu.parentNode.offsetWidth < that.menu.offsetLeft + that.menu.offsetWidth) { that.menu.style.left = ev.pageX - that.menu.offsetWidth + "px"; }; if(that.menu.parentNode.offsetHeight < that.menu.offsetTop + that.menu.offsetHeight) { that.menu.style.top = ev.pageY - that.menu.offsetHeight + "px"; }; return false; } this.menu.parentNode.onclick = function() { that.menu.style.display = "none"; } document.onkeydown = function(e) { if(e.keyCode == 18 || e.keyCode == 27) { that.menu.style.display = "none"; } } } //拖拽 function Drag(target, area) { this.target = target; this.area = area; } //根据传入的值获取目标 Drag.prototype.dragTarget = function(target) { if(typeof target === "string") { return document.getElementById(target); } else if(typeof target === "object") { return target; } } Drag.prototype.init = function() { this.target = this.dragTarget(this.target); this.target.style.position = "absolute"; this.target.setAttribute("draggable","true"); this.dragEvent(); } Drag.prototype.dragEvent = function() { var that = this; this.target.onmousedown = function(e) { e = e || window.event; that.disX = e.clientX - that.target.offsetLeft; that.disY = e.clientY - that.target.offsetTop; document.onmousemove = function(e) { that.moveEvent(e); } document.onmouseup = function(){ that.target.style.opacity = "1"; document.onmousemove = document.onmouseup = null; } return false; } } Drag.prototype.moveEvent = function(e) { var limitX = e.clientX - this.disX; var limitY = e.clientY - this.disY; //没有指定区域则用document if (!this.area) { this.area = document.documentElement; } if(limitX < this.area.offsetLeft) { limitX = this.area.offsetLeft; } else if(limitX > this.area.clientWidth + this.area.offsetLeft - this.target.offsetWidth) { limitX = this.area.clientWidth + this.area.offsetLeft - this.target.offsetWidth; } if(limitY < this.area.offsetTop) { limitY = this.area.offsetTop; } else if(limitY > this.area.clientHeight + this.area.offsetTop - this.target.offsetHeight) { limitY = this.area.clientHeight + this.area.offsetTop - this.target.offsetHeight; } this.target.style.left = limitX + "px"; this.target.style.top = limitY + "px"; this.target.style.opacity = "0.8"; }#2104
#2105
别人买iPhone4s时我买了冰箱，
别人买iPhone5的时候我买了空调，
别人买iPhone5s的时候我买了电脑，
别人买iPhone6的时候我买了电视，
别人买iPhone6s的时候我买了沙发，
别人买iPhone7的时候我买了note7，
现在，我的洗衣机冰箱空调电脑电视沙发全都没了。
#2106
Public i As Long
Public j As Long
VB中Integer（整型）和Long（长整型）有什么区别?
Integer 数据类型
Integer 变量存储为 16位（2 个字节）的数值形式，其范围为 -32,768 到 32,767 之间。Integer 的类型声明字符是百分比符号 (%)。
Long 数据类型
Long（长整型）变量存储为 32 位（4 个字节）有符号的数值形式，其范围从 -2,147,483,648 到 2,147,483,647。Long 的类型声明字符为和号 (&)。
#2107
伴随着Touch ID功能的发布，全世界的安全专家和骇客都蠢蠢欲动，大家都很想知道，究竟会是谁、又需要花多少时间，第一个破解这套“极度安全”的系统？于是，骇客同时用上了群众募资和游戏化两个元素，先筹建一个名为“Touch ID被破解了吗”的网站，由所有骇客捐款提供2万美元奖金，并设有排行榜显示距离2万美元募资目标还有多远。
到最后，大奖落到了混沌电脑俱乐部代号为“Starbug”的骇客手中。他巧妙地想出：在手机真正的主人使用手机，在荧幕上留下指纹之后，Starbug就将指纹照成一张2400dpi的调解析度相片，输入Photoshop，清掉杂讯，黑白反相，再打印到描图纸上。经过蚀刻得到指纹后涂上白膠，在白膠干燥后，按到Touch ID感应器，就能为手机解锁。
#2108
#2109