摘要:目前想到两个方式: 通过在里层多增加一个i标签模拟实现 二:通过伪类方式模拟,减少i标签。高级浏览器识别
阅读全文
摘要:使用CSS3线性渐变实现图片闪光划过效果 2018-12-30CSS36087View0 使用CSS3线性渐变实现图片闪光划过效果 2018-12-30CSS36087View0 在百度音乐 http://music.baidu.com/ 看到这么一个图片效果,当鼠标移上去的时候,会有一道闪光在图片
阅读全文
摘要:<ul class="city"> <li><a href="#">南昌市</a></li> <li><a href="#">景德镇市</a></li> <li><a href="#">萍乡市</a></li> <li><a href="#">九江市</a></li> <li><
阅读全文
摘要:解决方法: 在span标签的样式里添加:vertical-align:middle;
阅读全文
摘要:事件冒泡是指当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这 一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。 一般事件的流程是:事件捕捉—>目标元素发生事件—>事件冒泡。但是不是所有的事件和click事件都一样是冒
阅读全文
摘要:/* 事件的绑定:三种方式* 1.对象.on事件名字=事件处理函数 (如果是多个相同事件注册用这种方式,只执行最后一个)* my$("btn").onclick=function(){};* 2.对象.addEventListener("没有on的事件名字",事件处理函数,false)* (如果是多
阅读全文
摘要:/* 元素的创建 为了提高用户的体验* 元素创建的三种方式:* 1.document.write("标签的代码及内容")* 2.对象.innerHTML="标签及代码"* 3.document.creatElement("标签的名字")* */ /*方法一--document.write 缺点:如果
阅读全文
摘要:childElementCount:返回子元素(不包括文本节点和注释)的个数 firstElementChild:指向第一个子元素;firstChild(返回第一个子节点)的元素版。 //element.firstChild >谷歌和火狐获取的是第一个子节点 >IE8获取的是第一个子元素//elem
阅读全文
摘要://自定义属性 存储一些数据//自定义属性不能通过DOM对象的方式来直接获取该属性的值//想要获取自定义属性的值,需要使用getAttribute("自定义属性的名字")方法//想要设置自定义属性的值,需要使用setAttribute("自定义属性的名字","属性的值")方法//removeAttr
阅读全文
摘要:.innerText无法返回隐藏元素的文本内容,而的textContent属性可以返回。
阅读全文
摘要:在表单标签中,如果属性和值只有一个,并且值是这个属性本身那么在写js代码,DOM操作时,这个属性值是布尔类型就可以了如: <input type="radio" value="2" name="sex" checked="checked"> js代码:element.checked=true; el
阅读全文
摘要:好久没有敲代码,今天敲代码的时候偶然发现,咦,怎么给元素添加了margin:0 auto却不居中对齐呢? 发现原来只有块级元素添加margin:0 auto有效果,行内元素和行内块元素添加margin:0 auto均不起效果。 想要让行内元素居中: 方法一:将行内元素的margin四个值或是父元素的
阅读全文
摘要:代表隐藏滚动条,包括横向滚动条与竖向滚动条。 当给父容器设置了特定高度的情况下(特别注意),子容器超出父容器高度,会进行隐藏。
阅读全文
摘要:<script> /** 预解析:提前解析代码 * * 预解析做什么事? * 把变量的声明提前了(但赋值不会提前),提前到当前所在作用域的最上面 * 函数的声明也会被提前,提前到当前所在作用域的最上面 * * 预解析会分段(多对script标签中的函数重名,预解析的时候不会冲突) * * 先提前va
阅读全文
摘要://其它类型转数字类型:三种方式//1.parseInt(); 转整数console.log(parseInt("10")); //10console.log(parseInt("10abs")); //10console.log(parseInt("g10")); //NaNconsole.log
阅读全文
摘要://字符串的拼接:使用+可以把多个字符串放在一起形成一个字符串var str1="您好";var str2="我好";console.log(str1+str2);console.log("哈哈"+"嘎嘎");//只要有一个字符串,其它是数字,那么结果也是拼接,不是相加var str3="10";v
阅读全文
摘要:IE: 对于没有doctype声明的页面,使用 document.body.scrollTop 或 document.documentElement.scrollTop; 对于有doctype声明的页面,则使用 document.documentElement.scrollTop; Chrome、F
阅读全文
摘要:(1).text-align不会作用于块级元素。 (2).text-align作用于文本。 (3).text-align作用于行内元素。 (4).text-align作用于图片。
阅读全文
摘要:行内元素图片默认和父元素的基线对齐,所以图片和父元素之间会有缝隙解决方法:1.设置为块元素 display:block; / display:inline-block;2.可以将文本的字体大小设置为03.vertical-align:bottom
阅读全文
摘要:总结: :first-child 匹配的是某父元素的第一个子元素,就是结构上的第一个子元素。 :first-of-type 匹配的是某父元素该类型的第一个,类型就是冒号前面匹配到的东西,比如 span:first-of-type,就是指父元素里所有span元素中的第一个。 同样类型的选择器 :las
阅读全文
摘要:var changeStyle=function(element,attr,value){ //如果样式属性如果是当作参数传进来的,只能以['']的方式来接收。 element.style[attr]=value; //element.style.attr=value; 此时这种写法就不行};
阅读全文