08 2018 档案

点击小图，显示大图
摘要：1.html 2.css 3.js 4.效果图 阅读全文
posted @ 2018-08-31 15:42 董七 阅读(578) 评论(0) 推荐(0)
CSS3--学习第一天
摘要：1.text-shadow 2.transform-style 3.animation 4.keyframes 关键帧动画 5.transform 常用的有:rotate() 旋转 translate() 移动 scale()缩放 6.border-image border-image:url("" 阅读全文
posted @ 2018-08-29 21:15 董七 阅读(198) 评论(0) 推荐(0)
DOM绑定事件处理函数区别
摘要：//非IE事件绑定document.getElementById("mian").addEventListener('click',function(e){...},false); window.addEventListener('load',function(e){...},false); //I 阅读全文
posted @ 2018-08-29 10:31 董七 阅读(98) 评论(0) 推荐(0)
DOM绑定事件处理函数
摘要：//非IE事件绑定document.getElementById("mian").addEventListener('click',function(e){...},false); window.addEventListener('load',function(e){...},false); //I 阅读全文
posted @ 2018-08-29 10:30 董七 阅读(192) 评论(0) 推荐(0)
防止发生默认浏览器行为的通用函数
摘要：//防止发生默认浏览器行为的通用函数 function stopDefault( e ){ //防止默认浏览器行为（W3C） if(e && e.preventDefault){ e.preventDefault(); } //IE中阻止浏览器行为的捷径 else{ window.event.returnValue = false; } return false;... 阅读全文
posted @ 2018-08-29 10:13 董七 阅读(97) 评论(0) 推荐(0)
阻止浏览器默认的事件冒泡事件
摘要：//阻止浏览器默认的事件冒泡事件 function stopBubble(e){ //非IE浏览器 if(e && e.stopPropagation){ e.stopPropagation(); } //IE浏览器 else{ window.event.cancelBubble = true; } } var li = document.getElementsByTagNa... 阅读全文
posted @ 2018-08-29 10:03 董七 阅读(332) 评论(0) 推荐(0)
js在线压缩网址
摘要：http://dean.edwards.name/packer/ 压缩成功以后，直接使用即可 阅读全文
posted @ 2018-08-28 16:24 董七 阅读(433) 评论(0) 推荐(0)
默认select选中其中一个option的值
摘要：$("#select1").find("option[value = '"+info.parentColumnId+"']").attr("selected","selected"); 阅读全文
posted @ 2018-08-22 14:43 董七 阅读(10211) 评论(0) 推荐(0)
微信小程序实现web端锚点功能
摘要：1.wxml布局样式 2.wscc样式 3.js 4.效果图 5.当内容超出固定高度时，小程序中会默认出现滚动条，滚动条的样式影响到美观，所以设置如下样式可将滚动条样式隐藏掉 阅读全文
posted @ 2018-08-21 11:36 董七 阅读(8142) 评论(0) 推荐(0)
html2canvas.js截屏并上传到后台
摘要：$("#example1").on("click",function(event){ if(confirm("是否上传")){ event.preventDefault(); html2canvas($(".jiBMsg"), { crossDomain: true, xhrFields: {withCredentials: true}, a... 阅读全文
posted @ 2018-08-15 12:41 董七 阅读(629) 评论(0) 推荐(0)
动态添加数据，实现从一个div（A）拖到另一个div（B），在B中随意拖动，放在B中任意地方
摘要：function tuozhuai(){ var box2 = document.getElementById("box2"); var box3 = document.getElementById("box3"); var endpointX = box2.offsetLeft; //+200 var endpointY = box2.offsetTop; //+300 consol... 阅读全文
posted @ 2018-08-15 12:35 董七 阅读(1245) 评论(0) 推荐(0)
bootstrap 分页效果
摘要：1.添加相应的js文件 2.获取第一页的所有信息 3.分页信息 4.html 阅读全文
posted @ 2018-08-15 12:29 董七 阅读(735) 评论(0) 推荐(0)
解决IE8发送ajax没有反应
摘要：1.ajax传参类型可为 data1 = "name="+name+"&tel="+tel;或 data:{"id":id} 2.IE浏览器发送请求时，会默认获取前一次获取的数据，添加 cache:false 3.IE中接收数据类型为dataType:"json" 4.IE浏览器不支持CORS，在发 阅读全文
posted @ 2018-08-15 12:21 董七 阅读(5092) 评论(0) 推荐(0)
wsjb页面兼容IE
摘要：1.让IE8及以下版本浏览器引用jQuery 1.9的CDN就行了 2.背景图片填满整个屏幕，兼容IE8 （**************************src 的值为完整路径**************************） 3.input 输入框 兼容IE8 4.image在IE浏览器 阅读全文
posted @ 2018-08-13 17:01 董七 阅读(346) 评论(0) 推荐(0)
上传多张照片并实现预览过程
摘要：<input type="file" multiple onchange="selectImage(this)" accept="image/gif, image/jpeg, image/png" id="upload" > <ul id="uploadUL"></ul> 阅读全文
posted @ 2018-08-13 11:08 董七 阅读(1097) 评论(0) 推荐(0)
上传一张图片并实现预览功能
摘要：<input type="file" name="file" id="file" onchange="showPreview(this)"/> <img src="" alt="" id="portrait"/> 阅读全文
posted @ 2018-08-13 10:00 董七 阅读(142) 评论(0) 推荐(0)