QinXiao.Shou - 博客园

摘要：最近写CSS3和js结合，遇到了很多次z-index不生效的情况： 1.在用z-index的时候，该元素没有定位（static定位除外） 2.在有定位的情况下，该元素的z-index没有生效，是因为该元素的子元素后来居上，盖住了该元素，解决方式：将盖住该元素的子元素的z-index设置为负数下拉框阅读全文

posted @ 2017-10-27 21:33 QinXiao.Shou 阅读(17715) 评论(0) 推荐(0)

JavaScript--原型链

摘要：原型链一.构造函数与原型链的关系博客中：http://www.cnblogs.com/shuiyi/p/5305435.html 的图还有http://www.jianshu.com/p/aa1ebfdad661/这篇博客的：例子： Person.prototype p1.__proto__ 阅读全文

posted @ 2017-10-27 19:09 QinXiao.Shou 阅读(288) 评论(0) 推荐(0)

JavaScript--clientX,clientY、pageX,pageY、offsetLeft,offsetTop/offsetWidth,offsetHeight、scrollLeft,scrollTop/scrollWidth,scrollHeight、clientHeight,clientWidth区别

摘要： 1 /*在事件的内部console.dir(event)*/ 2 /** 3 * 事件对象event 4 * clientX/clientY 获取鼠标基于浏览器窗口（可视区域的坐标位置）全兼容 5 * 6 * pageX/pageY 获取鼠标基于网页文本的坐标位置 ie8不... 阅读全文

posted @ 2017-10-27 10:16 QinXiao.Shou 阅读(439) 评论(0) 推荐(0)

2017年10月25日

JavaScript--结合CSS变形、缩放能拖拽的登录框

摘要：上例图：代码块：阅读全文

posted @ 2017-10-25 20:02 QinXiao.Shou 阅读(451) 评论(0) 推荐(0)

JavaScript--放大镜

摘要：上例图：阅读全文

posted @ 2017-10-25 19:54 QinXiao.Shou 阅读(205) 评论(0) 推荐(0)

JavaScript--返回顶部方法:锚链接、行内式js写法、外链式、内嵌式

摘要：返回网页顶部方法一.锚链接 simpleDemo: 二.JS实现返回顶部三.行内式返回顶部四.内嵌式返回顶部五.外联式返回顶部。 waiLianTest.js 阅读全文

posted @ 2017-10-25 19:43 QinXiao.Shou 阅读(3872) 评论(0) 推荐(1)

2017年10月24日

JavaScript--封装好的运动函数+旋转木马例子

摘要：封装好的运动函数： 1.能控制目标元素的多种属性 2.能自动获取元素的样式表： 3.获取样式函数兼容 4.能对于元素的多属性进行动画（缓动动画）修改 5.能区分透明度等没单位的属性和px属性的变化 animate.js animate2.js 旋转木马例子阅读全文

posted @ 2017-10-24 23:55 QinXiao.Shou 阅读(439) 评论(0) 推荐(0)

2017年10月22日

JavaScript--漏写var却还能使用标签

摘要：一个漏写var带来的问题：这个是不标准的写法！不建议使用但是效果还是出来了，为什么呢？原因： https://zhidao.baidu.com/question/1637589020484843580.html 为什么可以通过id直接访问对象，是因为所有的元素ID都相当于一个保存对象的全局变量阅读全文

posted @ 2017-10-22 07:56 QinXiao.Shou 阅读(255) 评论(0) 推荐(0)

2017年10月21日

JavaScript--事件委托--冒泡

摘要： Title 这个是第001个列表这个是第002个列表这个是第003个列表这个是第004个列表这个是第005个列表这个是第006个列表这个是第007个列表这个是第008个列表这个是第009个列表这个是第010个列表这个是第011个列表 ... 阅读全文

posted @ 2017-10-21 23:39 QinXiao.Shou 阅读(222) 评论(0) 推荐(0)

JavaScript--阻止事件冒泡stopPropagation和cancelBubble

摘要： 1 2 3 4 5 Title 6 23 92 93 94 95 96 97 98 99 100 阅读全文

posted @ 2017-10-21 22:59 QinXiao.Shou 阅读(676) 评论(0) 推荐(0)

JavaScript--取消a标签和form的submit提交默认行为

摘要： 1 2 3 4 5 Title 6 46 47 48 49 50 51 52 53 a链接标签有默认行为 54 a链接标签有默认行为 55 a链接标签有默认行为 56 a链接标签有默认行为 57 58 阅读全文

posted @ 2017-10-21 21:54 QinXiao.Shou 阅读(7715) 评论(0) 推荐(0)

JavaScript--查看代码运行效率console.time()与console.timeEnd()用法

摘要：程序运行时间计算：阅读全文

posted @ 2017-10-21 19:35 QinXiao.Shou 阅读(3786) 评论(0) 推荐(0)

JavaScript--兼容问题总结

摘要：以下兼容主要面向IE8以上的兼容。一.window.navigator浏览器信息二.查找页面元素的几种方式三.innerText、innerHTML、textContent兼容问题四.注册事件的三种方式、解绑事件的兼容方式、阻止事件传播(冒泡) 1.注册事件的三种方式事件注册兼容处理： 2 阅读全文

posted @ 2017-10-21 19:27 QinXiao.Shou 阅读(397) 评论(0) 推荐(0)

2017年10月20日

JavaScript--缓动动画+轮播图

摘要：上效果：实现步骤：最重要的是运动公式！！！阅读全文

posted @ 2017-10-20 23:49 QinXiao.Shou 阅读(1583) 评论(0) 推荐(0)

2017年10月19日

JavaScript--DOM操作例子：隔行变色

摘要：上效果：实现思想：主要是js动态创建标签，还有动态结合css实现样式阅读全文

posted @ 2017-10-19 21:38 QinXiao.Shou 阅读(492) 评论(0) 推荐(0)

JavaScript--开关思想

摘要：就是男默女泪的立flag! 阅读全文

posted @ 2017-10-19 21:32 QinXiao.Shou 阅读(1243) 评论(0) 推荐(0)

JavaScript--微博发布效果

摘要：效果图：实现思路：当发布按钮被点击时，又会分为三种情况 1.如果输入的内容为空，弹出提示：不能发布空微博 2.如果输入的文字超过120，弹出提示，微博内容不能超过120 3.正常发布微博到列表里，并清空文本域。 4.消除 '< ' 对于文本域的影响. 代码: 阅读全文

posted @ 2017-10-19 21:13 QinXiao.Shou 阅读(603) 评论(0) 推荐(0)

JavaScript--模拟百度搜索下拉li

摘要：上效果：主要思路: 函数indexOf() 、join()、innerHTML的使用，还有用完的数组要清空阅读全文

posted @ 2017-10-19 21:06 QinXiao.Shou 阅读(242) 评论(0) 推荐(0)

2017年10月16日

JavaScript--for in循环访问属性用"."和[ ]的区别

摘要： // for in 循环遍历对象的时候// 内部要访问属性的时候不能点语法访问，因为for in 的key是字符串格式// 可通过方括号实现访问 1 for(var key in manObj) { 2 console.log(key); 3 console.log(typeof key); 4 console.log(manObj.key); 5 consol... 阅读全文

posted @ 2017-10-16 22:11 QinXiao.Shou 阅读(336) 评论(0) 推荐(0)

JavaScript--函数中（）的作用

摘要：在函数中参数是函数的时候：function a(函数名) 与 function a(函数名()) 的区别：如果在setInterval中：setInterval(autoPlay(),3000);会导致autoPlay立即执行，而不是3秒后执行所以由于autoPlay()的优先级高，所以要使用s 阅读全文

posted @ 2017-10-16 15:08 QinXiao.Shou 阅读(252) 评论(0) 推荐(0)

2017年10月15日

JavaScript--时间日期格式化封装

摘要：这是一个正常的封装：其他非正常的请按照以下语句自由搭配阅读全文

posted @ 2017-10-15 20:37 QinXiao.Shou 阅读(454) 评论(0) 推荐(0)

2017年10月14日

JavaScript--轮播图_带计时器

摘要：轮播图效果：实现的功能： 1.鼠标移入，左右按钮显示 2.右下叫小圆点鼠标移入，进入下一张图 3.左右按钮点击，右下小圆点页跟随变更 4.自动开启计时器，鼠标移入右下叫小圆点区，计时器停止，鼠标移出小圆点区，计时器继续（自动下一张图片） 5.移入左右按钮，计时器消失，移出左右按钮计时器出现，封装了阅读全文

posted @ 2017-10-14 15:07 QinXiao.Shou 阅读(1636) 评论(0) 推荐(0)

JavaScript--tab栏切换效果

摘要： tab栏切换效果：阅读全文

posted @ 2017-10-14 10:28 QinXiao.Shou 阅读(277) 评论(0) 推荐(0)

JavaScript--隐式转换

摘要： 1 16 17 阅读全文

posted @ 2017-10-14 10:24 QinXiao.Shou 阅读(111) 评论(0) 推荐(0)

JavaScript--淘宝图片切换

摘要： css样式有点问题，但是主要是js逻辑：阅读全文

posted @ 2017-10-14 10:19 QinXiao.Shou 阅读(465) 评论(0) 推荐(0)

JavaScript--自调用函数(小闭包)

摘要： 1 2 3 4 5 Title 6 7 8 9 10 11 阅读全文