07 2015 档案
摘要：两种解决方法（主要是针对a空标签没有设背景情况，又有position:absolute;的情况下）：1、给a标签添加样式：background:url(about:blank);2、给a标签随便添加背景色或者背景图片，然后将a标签的透明度设置为0，不过在IE中需要使用滤镜，即opacity:0;fi...
阅读全文
摘要：页面自动跳转几种方法1.添加HTML的meta标签的refresh属性 其中mcontent是时间，0代表立即跳转2.javascript自动跳转法window.location.replace("http://www.hao123.com");window.top.location.href...
阅读全文
摘要：今天做了专题，终于将之前轮播疑惑将解决了，和学习了做弹出层。很高兴，通过做这个专题，感觉自己又进步了一些。1.最外层给min-width:1003px;2.背景图片给100%;3.wrap层给relative;1003px;4.然后各自的内容js效果一、视频弹出框1.先写一个div层全屏100%，然...
阅读全文
摘要：1.transition:过渡动画，支持浏览器：Internet Explorer 10、Firefox、Opera 和 Chrometransition是一个复合属性，是由四个过渡属性组成1.transition-property:width,height; 规定设置过渡效果的css属性的名称，可...
阅读全文
摘要：一：有图片与文字第一种方法：通过调整img的vertical-align:middle;属性，再通过img的margin-top值来调整图片，然后通过父级的padding-top来调整文字p{height:80px;line-height:80px;margin:0px;padding:0px;pa...
阅读全文
摘要：今天做了一个专题，需要用到全屏滚动效果，在百度找了一jquery插件，fullPage.js,只有一天的时间就要完成，只是简单的了解下就开始做专题了。demo地址：http://alanjs.comeze.com/2014No1/index.html插件API：http://www.dowebok....
阅读全文
摘要：1.原理：任意变高变宽变透明度的运动，有三个参数，obj,attr,iTarget，对象，样式属性，目标，通过currentStyle和getComputedStyle获取样式属性值，然后将其改变。案例：多张图片的透明度变化：jsfunction startMove(obj,attr,iTarget...
阅读全文
摘要：1.原理：利用speed = （目标值－初始值）/10；然后根据方向来判断是Math.ceil或Math.floor来取整。JSvar oDiv = document.getElementById("wrap"); var oBtn = document.getElementById("btn...
阅读全文
摘要：1.物体的基本运动。原理：使用setInterval定时器让元素不断执行运动。案例：物体的运动到一定距离后停止jsvar oMoveDiv = document.getElementById("wrap"); var timer = null; var oBtn = document.g...
阅读全文
摘要：排序的思路：1.先for循环li得到元素集合，放到一个新建的数组里。 2.编写数组.sort()的排序规则。 3.for循环数组appendChild到当前的父级下。 4.li只是元素集合，不是真正的数组Array类型，只是与数组类拟；但可以建一个数组，将li元素集合放...
阅读全文
摘要：1.表格的简写：tHead,tBodies,tFoot,rows,cells//普通方法：查找表格中的某一个信息，如找到ID为2的namevar oTab = document.getElementById("tab");alert(oTab.getElementsByTagName("tbody"...
阅读全文
摘要：1.创建新标签：document.createElement(标签名)var oLi = document.createElement("li");2.创建新文本：document.createTextNode(文本)var oTxt = document.createTextNode("hello...
阅读全文
摘要：总结：1.切图片方面很需要加强，重复性太多，没有看清楚所有的要求就乱切，浪费时间，先想好整个页面的布局，根据布局来切图，文字不要切，做效果的图片要切，图片要尽量小。2.html方面，要多写与w3c规范的页面，这样就不会有太多兼容性问题。3.css注意好class的重复使用性，注意好优先级，一级一级的...
阅读全文
摘要：1.childNodes，获取子节点，本身就是一个数组，可以通过下标childNodes[i]来获取某个子节点。alert(obj.childNodes.length); //高级浏览器会有空白节点的存在//循环根据节点的nodeType类型来判断是不是元素节点for(var i = 0, l...
阅读全文
摘要：1.用求模来计算时间，秒%60,就能获取剩余的秒var s = 362;var minute = parseInt(s/60) + "分" //取得分var second = s%60 + "秒" //取得秒var time = minute + second; ...
阅读全文
摘要：1.实现原理：setInterval定时器，让某元素position的left属性定时滚动，使用到js中的元素的offsetLeft属性。 2.案例：1.css的实现是外div是4张图片的总宽度，设置relative然后overflow隐藏。子代有ul层设置为absolute;left属性移动时都是
阅读全文
摘要：1.延时提示框原理：主要用到setTimeout定时期来设置间隔时间后才执行事件。2.案例，1.简单的移入div1后显示div2，移出div2时设置setTimeout延时后再消失。 2.在移入div2时将setTimeout定时期清除，这样div2就不会消失，当移出div2时又设置setT...
阅读全文
摘要：今天学习了一个小程序，将本地时间显示在页面上，用了图片的形式。1.执行原理是，先用6张全0的图片，然后通过循环img各自根据时间来更换相对应的时间图片。2.使用Date()函数获取本地时间，然后转换成字符串的形式。3.使用定时期setInterval()来控制1秒时间。4.IE7下的使用str[i]...
阅读全文
摘要：1.数据类型，简单求和小程序window.onload = function(){ var oText1 = document.getElementById("text1"); var oText2 = document.getElementById("text2"); var o...
阅读全文
摘要：今天做一个简单的小日历，12个月份，鼠标移动其中一个月份时添加高亮并显示本月的活动。其实同理与选项卡致。不过是内容存在js里 1 window.onload = function(){ 2 var oMain = document.getElementById("month"); 3 ...
阅读全文
摘要：1.今天做了个页面下的p段落里的中文文字两端对齐，在IE下通通无效，解决方案如下，加入IE的专有属性：text-justify:inter-ideograph; text-align: justify;text-justify:inter-ideograph; 2.用到了letter-spacing
阅读全文
摘要：this的使用1.this默认指向window,不指定事件元素的时候this指定的是window2.指定事件元素的时候，this指定当前发生事件的元素选项卡（JS），this的使用，先清空所有按钮，再选中当前按钮//jswindow.onload = function(){ var tag = d...
阅读全文
摘要：常用循环我饿了while(饿了){ 继续吃}var i = 0; //1.初始化while(i<5){ //2.条件 alert(i); //3.语句 i++; //4.自增}2.for循环(与while循环同理)var div = document.g...
阅读全文
摘要：今天早上看智能社的js教程第三集，有以下内容：传参数1.函数传参：参数就是占位符（方便以后不同函数的调用），什么时候传参,是在函数定不下来的东西，修改的属性不固定，可变的值时。function setColor(name,value){ var odiv = document.getElement...
阅读全文
摘要：森林探秘季| 杭州野生动物世界 形象大使选拔、贴身喂养、观逗趣动物吃相、“人象泼水”大战、奇幻马戏……这个夏天，杭州野生动物世界为小朋友、广大游客精心准备了丰富多彩、别具特色的旅游盛宴，誓要给你一个与众不同的暑期。在这里，你可以尽情地...
阅读全文
