01 2015 档案

js中style,currentStyle和getComputedStyle的区别
摘要：1.style只能获取元素的内联样式，内部样式和外部样式是获取不到的。例子：alert(document.getElementById('test').style.height);2.currentStyle和getComputerStyle可以获取元素的内部样式和外部样式，但是currentSty... 阅读全文
posted @ 2015-01-31 14:37 MissBean 阅读(266) 评论(0) 推荐(0)
javascript改变样式（cssFloat,styleFloat）
摘要：昨天遇到一用js改变元素浮动的，当时直接写了 obj.style.float="left";结果没起作用；查了资料后才发现不能这样写，现在整理下几种样式写法 1，直接写css属性的，如：obj.style.height/width/color/position等 2，要改大写的，如：obj.styl 阅读全文
posted @ 2015-01-31 10:42 MissBean 阅读(1872) 评论(2) 推荐(1)
addEventListener，attachEvent
摘要：addEventListener是js填加事件；用法如下：target.addEventListener(type,listener,useCapture)target： 文档节点、document、window 或 XMLHttpRequest。 type： 字符串，事件名称，不含“on”，比如“... 阅读全文
posted @ 2015-01-29 10:52 MissBean 阅读(294) 评论(0) 推荐(0)
DOM事件流
摘要：DOM事件标准定义了两种事件流:Capture(捕获)和Bubbing（冒泡）；捕获和冒泡是javascript针对dom事件处理的先后顺序,所谓的先后顺序是指针对父标签与其嵌套子标签,如果父标签与嵌套子标签均有相同的事件时,那一个会先被触发!捕获：事件按照从最特定的事件目标到最不特定的事件目标(d... 阅读全文
posted @ 2015-01-28 16:26 MissBean 阅读(287) 评论(0) 推荐(0)
函数内部的函数中的this都是指向window
摘要：刚看到一个问题关于this的，1 var name="the window";2 var object={3 name:"silence",4 packname:function(){5 return this.name;6 ... 阅读全文
posted @ 2015-01-28 11:13 MissBean 阅读(418) 评论(0) 推荐(0)
css3 translate属性
摘要：translate(x,y)水平方向和垂直方向同时移动（也就是X轴和Y轴同时移动）；translateX(x)仅水平方向移动（X轴移动）；translateY(Y)仅垂直方向移动（Y轴移动）默认都是从左上角开始移动这里的x,y为实际数字；x,y为百分数时，是相当于移动的元素的宽+padding，高+... 阅读全文
posted @ 2015-01-26 16:53 MissBean 阅读(1345) 评论(0) 推荐(0)
parent,parents和closest
摘要：1.parentparent() 获得当前匹配元素集合中每个元素的父元素，使用选择器进行筛选是可选的。 1 2 Start 3 4 5 6 7 Home ... 阅读全文
posted @ 2015-01-21 17:19 MissBean 阅读(221) 评论(0) 推荐(0)
each用法
摘要：1.数组用法1 index表示索引值，item代表数组索引对应的元素2,对象用法 1 对象中的用法：function(key,i)key代表键值，i代表值;如果只有一个function(i)则i表示键值,上例中为one，two,three,four。3,jquery中循环遍历each() 方... 阅读全文
posted @ 2015-01-21 11:03 MissBean 阅读(335) 评论(0) 推荐(0)
css3制作滚动按钮
摘要：1，中间圆点用到css3的gradient属性2，运动用到css3的transition属性3，需要写各个浏览器的兼容代码如下 1 2 3 4 5 css3按钮 6 7 45 46 47 48 49 50 51 .btn in... 阅读全文
posted @ 2015-01-19 17:33 MissBean 阅读(607) 评论(0) 推荐(0)
alert与console.log
摘要：1.alert在页面中弹出console.log是在控制台显示例子1 var aa="Silence";2 alert(typeof(aa));3 console.log(typeof(aa));alert显示console.log在控制台显示2.alert()函数会阻断JavaScrip... 阅读全文
posted @ 2015-01-19 17:00 MissBean 阅读(359) 评论(0) 推荐(0)
布局两列div等高方法
摘要：一、左右布局，左侧div绝对定位，外div相对定位 1 2 3 4 5 Document 6 7 25 26 27 side28 29 驿外断桥边，30 寂寞开无主。31 ... 阅读全文
posted @ 2015-01-17 16:41 MissBean 阅读(342) 评论(0) 推荐(0)
如何布局左固定右边自适应的两列布局？
摘要：一，左侧div，float设为left，右侧div设置margin-left属性为左侧div的宽度，外div清除浮动 1 2 3 4 5 Document 6 7 32 33 34 side35 main36 37 38 二，... 阅读全文
posted @ 2015-01-17 14:40 MissBean 阅读(305) 评论(0) 推荐(0)
mouseover,mouseenter,mouseleave,mouseout
摘要：mouseover和mouseout对应 //鼠标移入移出触发该元素及子元素　mouseenter和mouseleave对应 //鼠标移入移出只触发该元素看完例子即可知道其区别：mouseover与mouseenter不同： 1 2 3 4 16 17 18 不论鼠标指针穿过被选元素或其子元... 阅读全文
posted @ 2015-01-16 16:57 MissBean 阅读(620) 评论(0) 推荐(0)
js和jquery获取子元素
摘要：1 2 3 4 5 6 7 8 9 10 11 对于上面的结构，只想获取nav下的li而不获取li下的li，怎么写呢？1.jquery很简单$("... 阅读全文
posted @ 2015-01-16 14:31 MissBean 阅读(522) 评论(0) 推荐(0)
二级菜单jquery
摘要：1 2 3 4 5 6 7 17 18 19 20 一级菜单21 22 二级菜单23 二级菜单24 二... 阅读全文
posted @ 2015-01-16 14:24 MissBean 阅读(225) 评论(0) 推荐(0)
js二级导航
摘要：js写二级导航要点1.ul li2.js获取元素3.setInterval(function(),time);代码如下 1 11 12 13 14 一级菜单15 16 二级菜单17 ... 阅读全文
posted @ 2015-01-16 12:35 MissBean 阅读(442) 评论(0) 推荐(0)
append appendChild appendTo区别
摘要：1.append和appendChild的区别append是jquery文档操作用法① append() 方法在被选元素的结尾（仍然在内部）插入指定内容。$(selector).append(content)1 $("button").click(function(){2 $("p").appe... 阅读全文
posted @ 2015-01-15 11:12 MissBean 阅读(1477) 评论(0) 推荐(0)
cssText在 IE6/7/8和chrome/Firefox/IE9+的不同
摘要：一，结尾没有分号1 test2 IE6/7/8下没有分号其他浏览器下有二，属性名（font-size）是大写的IE6/7/8下属性名是大写的，如第一张图其他浏览器是小写的三，复合属性全部展开IE6/7/8下复合属性全部展开1 test2 其他浏览器不会 阅读全文
posted @ 2015-01-14 13:48 MissBean 阅读(298) 评论(0) 推荐(0)
cssText
摘要：cssText 的本质就是设置 HTML 元素的 style 属性值cssText 的方便之处在于一次可以写很多属性，而且变更 CSS 样式不必变 JS 代码，只需变样式字符串。但它有个缺点，就是它会覆盖掉前面的属性。例子：test 上例中test的颜色为红色,字号13px；有下划线，但是宽度... 阅读全文
posted @ 2015-01-12 16:20 MissBean 阅读(183) 评论(0) 推荐(0)
css slice和splice
摘要：slice（）方法从已有的数组中返回选定元素；slice(start,end)start:必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。end:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如... 阅读全文
posted @ 2015-01-12 15:08 MissBean 阅读(1351) 评论(0) 推荐(0)