![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WEB前端开发
文章平均质量分 65
戴宇琪
您还可以输入300个字符
展开
-
根据比例自动计算height
111wx.config({ debug: false, appId: '{$confinfo[appId]}', timestamp: "{$confinfo[timestamp]}", nonceStr: '{$confinfo[nonceStr]}', signature: '{$confinfo[signature]}', jsApiList原创 2017-07-22 17:11:13 · 443 阅读 · 0 评论 -
JavaScript 高级课程之缓冲收缩DIV,Math.ceil()向上取整,Math.floor()向下取整
JavaScript 高级课程之缓冲收缩DIV,Math.ceil()向上取整,Math.floor()向下取整div { width:100px ; height:100px; margin-top:10px; background-color:#AA4244;}var Timer = null;window.onload = function(){ var oDiv = d原创 2016-06-08 14:18:26 · 630 阅读 · 0 评论 -
document.body.scrollTop与document.documentElement.scrollTop兼容
这两天在写一个JS的网页右键菜单,在实现菜单定位的时候发现了这个问题:chrome居然不认识document.documentElement.scrollTop!看前辈们的文章,纷纷表示如果有文档声明(即网页第一句的docType)的情况下,标准浏览器是只认识documentElement.scrollTop的,但chrome虽然我感觉比firefox还标准,但却不认识这个,在有文档声原创 2016-06-08 14:17:39 · 348 阅读 · 0 评论 -
JavaScript 滚动条示例,控制居中document.documentElement.scrollTop,document.body.scrollTop,oDiv.offsetHeight
JavaScript 滚动条示例,控制居中document.documentElement.scrollTop,document.body.scrollTop,oDiv.offsetHeight#div1 { width:100px; height:100px; background-color:#676767; position:absolute; right:0px;}documen原创 2016-06-08 14:16:54 · 641 阅读 · 0 评论 -
JavaScript 运行缓冲,从快到慢
JavaScript 运行缓冲,从快到慢#div1 { width:150px; height:150px; background-color:#2B82B3; position:absolute;}window.onload = function(){ var oInp = document.getElementsByTagName('input')[0]; var o原创 2016-06-08 14:16:17 · 626 阅读 · 0 评论 -
JavaScript 淡出淡入效果并增加LEFT值实现移动到屏幕中间
JavaScript 淡出淡入效果并增加LEFT值实现移动到屏幕中间#div1 { width:300px; height:300px; background:#72A86E; position:absolute; display:block; filter:alpha(opacity:0); opacity:0.0;}// YuqiDai@Gwindow.onload = funct原创 2016-06-08 14:15:25 · 352 阅读 · 0 评论 -
JavaScript 高级课程之淡出淡入CSS filter等属性
JavaScript 高级课程之淡出淡入CSS filter等属性#img1 {filter:alpha(opacity:30); opacity:0.3;}var alpha = 30;window.onload = function(){ var oImg = document.getElementById('img1'); oImg.onmouseover = f原创 2016-06-08 14:14:35 · 308 阅读 · 0 评论 -
JavaScript 高级课程之分享setInterval(),clearInterval(),onmouseover,onmouseout应用(2_自动判断正负)
JavaScript 高级课程之分享setInterval(),clearInterval(),onmouseover,onmouseout应用(2_自动判断正负) #div1 { width:100px; height:300px; background-color:#005812; position:absolute; left:-100px;} #div2 { width:原创 2016-06-08 14:13:44 · 312 阅读 · 0 评论 -
JavaScript 高级课程之分享setInterval(),clearInterval(),onmouseover,onmouseout应用
JavaScript 高级课程之分享setInterval(),clearInterval()应用 #div1 { width:100px; height:300px; background-color:#005812; position:absolute; left:-100px;} #div2 { width:30px; height:100px; position:abso原创 2016-06-08 14:12:53 · 547 阅读 · 0 评论 -
JavaScript 高级课程之定时器setInterval,clearInterval
JavaScript 高级课程之定时器setInterval,clearInterval#div1 { width:100px; height:100px; background-color:#005812; position:absolute}window.onload = function(){ var oDiv = document.getElementById('div1原创 2016-06-08 14:11:28 · 331 阅读 · 0 评论 -
JavaScript onmousewheel鼠标滚轮示例
JavaScript onmousewheel鼠标滚轮示例#div1 { width:100px; height:100px; background-color:#005812}window.onload = function(){ var oDiv = document.getElementById('div1'); oDiv.onmousewheel = fn;原创 2016-06-08 14:10:43 · 374 阅读 · 0 评论 -
JavaScript 高级课程之缓冲收缩(多个DIV),Math.ceil()向上取整,Math.floor()向下取整
JavaScript 高级课程之缓冲收缩(多个DIV),Math.ceil()向上取整,Math.floor()向下取整div { width:100px ; height:100px; margin-top:10px; background-color:#AA4244;}window.onload = function(){ var aDiv = document.getEle原创 2016-06-08 14:19:27 · 993 阅读 · 0 评论 -
JavaScript 高级课程之缓冲收缩(多个DIV),谈入谈出
JavaScript 高级课程之缓冲收缩(多个DIV),谈入谈出div { width:100px ; height:100px; margin-top:10px; background-color:#FF0004; filter:alpha(opacity:10); opacity:0.1;}window.onload = function(){ var aDiv = docu原创 2016-06-08 14:20:12 · 487 阅读 · 0 评论 -
JQ课件代码记录
选择元素://$('#div1').css('background','red'); //通过id来选择//$('div').css('background','red'); //通过标签来选择全部div$('.box').css('background','red'); //通过css来选择//$('li:eq(2)').css('background','red');//$('l原创 2016-08-21 14:12:47 · 547 阅读 · 0 评论 -
JQuery函数大全
$(”p”).addClass(css中定义的样式类型); 给某个元素添加样式$(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值,参数是map$(”img”).attr(”src”,”test.jpg”); 给某个元素添加属性/值$(”img”).attr(”title”, function原创 2016-08-21 09:25:11 · 1841 阅读 · 0 评论 -
微信6.0之后,分享到朋友圈新方法
微信6.0之后,原有的WeixinJSBridge.on('menu:share:timeline', function (argv) {}不再可以使用,但是微信提供的新的方法 JS-SDK, 官方接口请参见 微信JSSDK说明文档 ,具体的方法官方文档都说的比较清楚了,本文只是记录下开发过程中遇到的问题以及解决方式。 1. 虽然微信提供了JSSDK,但是这不意味着你可以用自定义原创 2016-07-31 08:23:05 · 1031 阅读 · 0 评论 -
微信分享JS
// weixinJS by yuqidai@gmail.com 2015-1226wx.config({ debug: false, //false appId: '', timestamp: , nonceStr: '', signature: '', jsApiList: [ 'onMenuShareTimeline'原创 2016-07-31 08:07:30 · 537 阅读 · 0 评论 -
ajax + php + JSON
无标题文档li { list-style}window.onload = function(){ var oBtn = document.getElementById('btn'); oBtn.onclick = function(data){ //alert(1); News(); } function News(){ ajax('get','getNews.原创 2016-07-27 08:49:55 · 300 阅读 · 0 评论 -
ajax post 演示
无标题文档-->//$(function(){}) //阻塞 -> 同步//非阻塞 - 异步/*setTimeout(function() { alert(1);}, 2000);alert(2);*/window.onload = function() { var oBtn = document.getElementById('btn'); oBtn.on原创 2016-07-27 08:09:20 · 327 阅读 · 0 评论 -
ajax GET 演示
oBtn.onclick = function() { var xhr = null; try { xhr = new XMLHttpRequest(); } catch (e) { xhr = new ActiveXObject('Microsoft.XMLHTTP'); } /* 1.缓存 在url?后面连接一个随机数,时间戳 2.乱码 编码e原创 2016-07-26 16:57:04 · 246 阅读 · 0 评论 -
javascript function getStyle()样式取值兼容方法
function getStyle(obj,styleName){ if(obj.currentStyle){ return obj.currentStyle[styleName]; }else{ return getComputedStyle(obj,null)[styleName]; }}使用:parseInt(getSty原创 2016-06-08 11:29:26 · 1842 阅读 · 0 评论 -
JavaScript 组数去重demo
JavaScript 组数去重demowindow.onload = function(){ var arr = [1,2,3,4,5,6,1,2,'aa',11]; for(var i=0; i<arr.length; i++ ){ for(var j =i+1; j<arr.length; j++){ if(arr[i]==原创 2016-06-08 13:37:03 · 217 阅读 · 0 评论 -
JavaScript 高级课程之缓冲+多个DIV运动框架实现 + 透明度
JavaScript 高级课程之缓冲+多个DIV运动框架实现透明度div { width:100px ; height:100px; margin-top:10px; background-color:#FF0004; filter:alpha(opacity:30); opacity:0.3; }window.onload = function(){ var aDiv = docum原创 2016-06-10 13:18:59 · 609 阅读 · 0 评论 -
JavaScript Cookie的使用实例
JavaScript Cookie的使用实例window.onload = function(){ var oInp = document.getElementsByTagName('input'); if(getCookie('username')){ oInp[0].value = getCookie('username'); }原创 2016-06-08 14:10:02 · 260 阅读 · 0 评论 -
JavaScript Cookie的使用
JavaScript Cookie的使用window.onload = function(){ /* encodeURI('123'); 编码转换 decodeURI('123'); 反转换 */ //封装函数增加cookie function setCookie(key,value,t){ //名称,原创 2016-06-08 14:08:34 · 204 阅读 · 0 评论 -
JavaScript 排序demo
JavaScript 排序demowindow.onload = function(){ var arr = ['101px','20px','50px','103px','1022px','11110px'] arr.sort(function(a,b){ return parseInt(a) - parseInt(b); }); al原创 2016-06-08 13:38:45 · 183 阅读 · 0 评论 -
array高亮及替换(合并)与简单应用(文字背景)demo
array高亮及替换(合并)与简单应用(文字背景)demowindow.onload = function(){ var oDiv1 = document.getElementById('div1'); var oInp = document.getElementsByTagName('input'); oInp[2].onclick = function()原创 2016-06-08 13:33:45 · 239 阅读 · 0 评论 -
javascript substring截取之收缩文本demo
substring截取之收缩文本demowindow.onload = function(){ var oDiv1 = document.getElementById('div1'); var oA1 = document.getElementById('a1'); var str = oDiv1.innerHTML; var oF = true;原创 2016-06-08 11:56:27 · 247 阅读 · 0 评论 -
javascript array拆分(合并)与简单应用(文字背景)demo
array拆分(合并)与简单应用(文字背景)demowindow.onload = function(){ var oDiv1 = document.getElementById('div1'); var oInp = document.getElementsByTagName('input'); var arr = ''; var arrColor = ['#原创 2016-06-08 11:57:10 · 266 阅读 · 0 评论 -
JavaScript 倒计时设计demo
JavaScript 倒计时设计demowindow.onload = function(){ setInterval(wgc,1000); wgc(); function wgc(){ var Time = new Date(); var Timeb = new Date(2016,4,10,17,37,0); var原创 2016-06-08 11:55:37 · 297 阅读 · 0 评论 -
JavaScript获取当前Time并实时刷新demo
JavaScript获取当前Time并实时刷新demowindow.onload = function(){ setInterval(eTime,1000); //每隔一秒刷新一次 eTime(); //打开自动截入 //执行刷新函数 function eTime(){ var Time = new Date()原创 2016-06-08 11:54:34 · 310 阅读 · 0 评论 -
javascript 仿iphone手机输入密码错误时抖动效果
未封闭写法:无标题文档div { width:500px; position:absolute; top:100px; left:200px; background-color:#3B75CD; height:300px; text-align:center; line-height:150px;} //获取Style属于函数,后期直接封装到JsStyle.js里面 /原创 2016-06-08 11:47:59 · 820 阅读 · 0 评论 -
JavaScript function函数回调
window.onload = function(){ var oBut1 = document.getElementById('but1'); var oDiv = document.getElementById('div1'); oBut1.onclick = function(){ doMove(oDiv,10,800,'left',function(原创 2016-06-08 11:46:00 · 371 阅读 · 0 评论 -
JavaScript 高级课程之缓冲/多个DIV运动框架
JavaScript 高级课程之缓冲/多个DIV运动框架div { width:100px ; height:100px; margin-top:10px; background-color:#FF0004; }window.onload = function(){ var aDiv = document.getElementsByTagName('div'); aDiv[0]原创 2016-06-08 11:44:35 · 246 阅读 · 0 评论 -
JavaSrcipt获取HtmlStyle属性兼容方法
JavaSrcipt获取HtmlStyle属性兼容方法body { padding:10px;}* { margin:0px; padding:0px;}#div1 { width:100px; height:100px; background-color:#65DBC7; position:absolute; left:10px; top:50px;}window.onload =原创 2016-06-08 11:42:39 · 467 阅读 · 0 评论 -
JavaScript 随机数记录demo
随机数记录// alert( Math.round(3.4) );// 0~1 : Math.round(Math.random());// 0~10// alert( Math.round(Math.random()*10) );// 5~10// alert( Math.round( Math.random()*5 + 5 ) );// 10~20// alert( Math原创 2016-06-08 13:39:47 · 253 阅读 · 0 评论 -
javascript的parentNode父节点操作(1)
javascript的parentNode父节点操作(1)window.onload = function(){ var oA = document.getElementsByTagName('a'); for(var i=0; i<oA.length; i++){ oA[i].onclick = function(){原创 2016-06-08 13:43:31 · 1914 阅读 · 0 评论 -
JavaScript onmousedown选择元素,onmousemove拖动元素,onmouseup松开鼠标,磁性吸附效果示例
JavaScript onmousedown选择元素,onmousemove拖动元素,onmouseup松开鼠标示例,磁性吸附效果#div1 { width:100px; height:100px; position:absolute; background-color:#7391C5; }#img1 { position:absolute}window.onload = functi原创 2016-06-08 14:07:32 · 5427 阅读 · 0 评论 -
JavaScript oncontextmenu鼠标右键菜单触发 自定义右键菜单示例
JavaScript oncontextmenu鼠标右键菜单触发 自定义右键菜单示例#div1 { width:100px; height:300px; position:absolute; background-color:#7391C5; display:none;}window.onload = function(){ var oDiv = document.getElem原创 2016-06-08 13:51:50 · 1237 阅读 · 0 评论 -
JavaScript onkeydown键盘按下时触发,ev.keyCode按下的键值
JavaScript onkeydown键盘按下时触发,ev.keyCode按下的键值#div1 { width:100px; height:100px; position:absolute; background-color:#7391C5}window.onload = function(){ var oDiv = document.getElementById('div1'原创 2016-06-08 13:51:00 · 1865 阅读 · 0 评论