- 博客(12)
- 收藏
- 关注
转载 jquery的each()详细介绍 -
each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法each处理一维数组var arr1 = [ "aaa", "bbb", "ccc" ];
2016-05-31 16:08:56 419
原创 e.pageX e.pageY
显示鼠标指针的位置:$(document).mousemove(function(e){ $("span").text("X: " + e.pageX + ", Y: " + e.pageY);});定义和用法pageX() 属性是鼠标指针的位置,相对于文档的左边缘。语法event.pageX参数 描述event 必需。规定要使用的事件。这个 even
2016-05-31 16:08:05 2962
原创 window.onload
window.onload=firstFunctiom; ---不执行window.onload=secondFunctiom; ---执行如果把多个事件逐一绑在onload上,只有最后一个才会执行window.onload=function(){ firstFunction(); secondFunction();} ----两个函数都会
2016-05-31 16:05:56 837
原创 cookie
cookie概述 JavaScript中的机制:cookie,则可以达到真正全局变量的要求(能实现严格的跨页面全局变量)。 cookie是浏览器提供的一种机制,它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制,而并不是JavaScript本身的性质。cookie是存于用户硬盘的一个文件,这个文件通常对应于一个域名,当浏
2016-05-31 16:02:55 476
原创 让你彻底明白pageWidth、clientHeight、clientWidth、scrollTop、 scrollLeft、scrollHeight、scrollWidt的含义和用法
由于各个版本的浏览器对取得clientWidth/scrollTop/scrollHeight等属性的方法各有不同,并且楼主也有点傻傻分不清,所以本篇文章不详细讲述原理,只是总结了一些兼容各浏览器的常见用法。 如果想了解原理,可以查看这篇文章:JS中关于clientWidth offsetWidth scrollWidth 等的含义以下是正文1、pageWidth、pageHeight/**兼容
2016-03-03 19:30:01 2007
原创 JavaScript DOM 编程艺术(第二版)--读书笔记
DOM的属性:childNodes、nodeType、nodeValue、nodeName、firstChild、lastChild1、childNodes element.childNodes 获取任何一个元素的所有子元素,它是包含这个元素全部子元素的数组 文档里的几乎每样东西都是一个节点,甚至连空格、换行符和注释都会被解释为一个节点,而他们都包含在childNodes属性所返回的数组中
2016-03-03 19:01:29 635
原创 如何使用HTML5+CSS3绘制一个QQ 企鹅Logo
看了腾讯全端团队AlloyTeam发布的这篇《使用CSS3绘制腾讯QQ的企鹅Logo》文章,自己仿照了一下,做了个是山寨版的QQ企鹅。 之所以称之为山寨版,是因为原版绘出来的是这样: 而我绘出来的是这样: 好吧,由于不知道原始的数据,绘出来真的有点胖,有点别扭所以我叫他胖企鹅大笑大笑大笑。 当然,尽管没绘好,不过也因此掌握了绘制方法,也算是不枉我辛辛苦苦了几小时。不多说,直接得上代码:
2016-03-01 19:06:18 3208
原创 如何使用js实现电影海报画廊特效?
js实现电影海报画廊特效特效需求:加载页面依次自动播放下一张海报点击向前按钮,移动到钱一张海报点击向后按钮,移动到后一张海报点击底部圆点按钮,移动到对应的海报
2016-03-01 15:51:31 1639
转载 让你彻底弄清offset
原文链接:点击打开链接一、关于offset,我们要弄明白什么 w3中offset相关页面是:http://www.w3.org/TR/cssom-view/#extensions-to-the-htmlelement-interface 在这里我们可以看到,关于offset共有5个东西需要弄清楚: 1、offsetParent 2、offsetTop
2016-02-26 16:00:20 386
原创 jQuery中prop()、attr()的区别
在有些时候,比如访问input的disabled、checked、selected属性的时候会有些问题。在有些浏览器里,只要写了disabled属性就可以,而在有些浏览器里,则要写:disabled="disabled"。所以从1.6版开始,jQuery提供了prop()方法来获得这些属性。使用prop()的时候返回的是标准属性:true/false。比如$("#checkbox").prop
2016-01-25 17:51:38 396
原创 如何用CSS3+HTML5绘制一个3x3的3D魔方?
CSS3真的很强大,不仅能实现动画,还能绘制2D、3D图形。主流浏览器FIrefox、Chrome、Opera、Safari都能支持,遗憾的是市场占有率仍然很高的IE浏览器却无法支持。具体可查看CSS3参考手册点击打开链接 模仿做了一个简单的3D魔方,给大家分享一下。HTML代码: Margic Cube
2016-01-21 12:06:00 6950
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人