随笔分类 - html css js
摘要:1. 什么是运动2. 如何让DIV动起来,运动停止条件 1 function startMove() 2 { 3 var oDiv=document.getElementById('div1'); 4 5 timer=setInterval(function (){ 6 ...
阅读全文
摘要:Google Chrome浏览器【原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html】在Google Chrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更因为FireFox有强...
阅读全文
摘要:14.offsetWidth,scrollLeft,scrollHeight?scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollHeight:获取对象的滚动高度。offsetWidth:获取对象相对于版面或由父坐标offsetParent属性指定的父坐标...
阅读全文
摘要:平常编写代码,更改一个元素样式的时候,自己都是用obj.style.width = "200px"; obj.style.position = "absolute"; obj.style.left = "100px";这样的话如果更改样式很多的时候,就要写很多代码,难道不能像Jquery那样使用$(...
阅读全文
摘要:一.css40分1.什么是盒模型?在网页布局中,为了让使各元素合理的组织,总结出来的一套原则和规范。盒模型由content(内容)、border(边框)、padding(内边距)、margin(外边距)组成。一个盒子实际占用空间是“内容+内边距+外边距+边框”组成。所有的网页元素都能看成一个盒子。详...
阅读全文
摘要:1 2 3 4 5 无标题文档 6 27 28 29 30 31 eval(string) 函数可计算某个字符串,并执行其中的的 JavaScript 代码
阅读全文
摘要:最近在网上查阅了不少Javascript闭包(closure)相关的资料,写的大多是非常的学术和专业。对于初学者来说别说理解闭包了,就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。一、什么是闭包?“官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量...
阅读全文
摘要:一,css入门篇: 推荐书籍:css哪些事儿,精通css。理由:css那些事儿,他是一本介绍css基础类的书,是入门的经典读物。系统的介绍了css的选择符,伪类,工作环境,盒模型,两列,三列自适应布局。文字样式,图片处理,列表,表单,还有选项卡,相册,导航,新闻列表等其它大部分的实践。精通css,这...
阅读全文
摘要:keyDownkeyPresskeyUp事件的区别一 触发顺序显而易见,事件发生的顺序是:keydown --> keypress --> keyup当按住一个键一段时间后再放开时,结果为:keydownkeypresskeydownkeypresskeydownkeypresskeydownkey...
阅读全文
摘要:事件对象:楼上的不要误导新人 ev是我们获取事件详细信息的event是IE的写法 大多数人是写window.event 其实区别也差不多 好像window.event更安全些 我也不记得了 火狐呢 要在function后跟一个参数 这个参数是什么随便你 但是必须要有所以就成了oEvent=ev||e...
阅读全文
摘要:onclick=onmouseup+onmousedown onkeypress=onkeydown+onkeyup keyCod(键值,键盘上每个键都对应一个唯一的值)offsetoffsetWidth,offsetLeft,offsetHeight ……代表的是实际的值获取键盘的值需要用...
阅读全文
摘要:1. 什么是事件对象2. document对象范围 document是整个页面。但是body仅仅指的是部分,当没设置body的内容的时,里面的内容为空。1 window.onload=function(){2 document.body.onclick=function ()3 {4 ...
阅读全文
摘要:1.创建元素 createElement、appendChild(两者同时使用)createElement用于创建一个子节点,appendChild用于添加一个子节点 父.appendChild(子节点) 插入在后面 《语法》 2. 添加元素的性能差异 oUl.appendChild(oLi);...
阅读全文
摘要:1 #pingfen li{2 width:27px;3 float:left;4 height:28px;5 cursor:pointer;6 background:url('star.gif') no-re...
阅读全文
摘要:getElementByID、getElementsByName、getElementsByTagName实例详解本文通过实例,详细介绍了getElementByID、getElementsByName、getElementsByTagName的用法,感兴趣的朋友可以参考学习下。本节内容:getEl...
阅读全文
摘要:object is not a function我遇到的具体问题是:js命名方法重复了,找到了别的地方,改个方法名就可以了var h2_price = document.getElementById("h2_price");var h2_tickets = document.getElementBy...
阅读全文
摘要:注释:本例在 Internet Explorer 中无效。
阅读全文
摘要:setTimeout()在js类中的使用方法setTimeout (表达式,延时时间)setTimeout(表达式,交互时间)延时时间/交互时间是以豪秒为单位的(1000ms=1s)setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次setTimeout 在执行时,...
阅读全文
摘要:CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核,主流内容主要有Mozilla(Gecko)(熟...
阅读全文
摘要:在css3中,用transform可以实现文字或图像的旋转、缩放、倾斜和移动,并且该元素下的所有子元素,随着父元素一样转、缩放、倾斜和移动。transform属性transform的属性包括:rotate()、skew()、scale()、translate(),分别有x、y两个参数,比如rotat...
阅读全文