[置顶] js自定义滚动条
摘要： <!DOCTYPE HTML><html><head><title>soul42</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" ><STYLE type="text/css"> * { margin:0; padding:0;} body{width:100%;height:100%;} #list{width:500px;float:left;po 阅读全文
posted @ 2011-12-28 23:01 深蓝色梦想 阅读(319) 评论(0) 推荐(0) 编辑
[置顶] 讲解JavaScript的事件委托技术.
摘要： 讲解之前先来讲讲性能.如果一个整体页面里有大量的按钮.我们就要为每一个按钮绑定事件处理程序.这样就会影响性能了.首先每个函数都是对象,对象就会占用很多内存.内存中的对象越多,性能就越差.其次,dom访问次数增多,就会导致延迟加载页面.事实上,从如何来利用好事件处理程序,还是有很好的解决方案的.一、事件委托对事件处理程序过多的问题解决的方案就是事件委托技术.事件委托技术利用了事件冒泡.只需指定一个事件处理程序.我们可以为某个需要触发事件的父元素来绑定事件处理程序.HTML代码:<ul id="mylist"> <li id="li_1"& 阅读全文
posted @ 2011-12-10 00:20 深蓝色梦想 阅读(1786) 评论(6) 推荐(1) 编辑
[置顶] 按下鼠标的几个修改键
摘要： function func(e){ var arr = new Array(); var e = e||window.event; if(e.ctrlKey){ arr.push("Ctrl"); } if(e.shiftKey){ arr.push("shift") } if(e.altKey){ arr.push("alt") ... 阅读全文
posted @ 2011-11-27 16:46 深蓝色梦想 阅读(269) 评论(0) 推荐(0) 编辑
[置顶] 前端推荐各大书籍[转载]
摘要： WEB前端研发工程师，在国内算是一个朝阳职业，这个领域没有学校的正规教育，大多数人都是靠自己自学成才。本文主要介绍自己从事web开发以来（从大二至今）看过的书籍和自己的成长过程，目的是给想了解JavaScript或者是刚接触JavaScript的朋友，介绍如何通过循序渐进的看书来学习javascript。一。 入门级 ：就是有一定的基础（比如最常见的HTML标签及其属性、事件、方法;最常见的CSS属性;基础的JavaScript编程能力），能够完成一些简单的WEB前端需求。推荐：《JavaScript dom 编程艺术》理由：此书绝对是入门的好书，本人也是在接触JS一段时间后才看的这本书。此书 阅读全文
posted @ 2011-11-27 11:11 深蓝色梦想 阅读(1992) 评论(8) 推荐(0) 编辑
2011年12月
事件（记录）
摘要： <!doctype html><html> <head> <style> .box{background:red;padding:5px 0;height:25px} #pop{height:100px;width:400px;background:orange} </style> </head> <body id="body"> <div id="box" class="box"> <a href="">目 阅读全文
posted @ 2011-12-27 13:49 深蓝色梦想 阅读(188) 评论(0) 推荐(0) 编辑
javaScript无限级菜单
摘要： <!doctype html><html> <head> <style type="text/css"> *{margin:0;padding:0;} ul{list-style:none;display:none} ul ul{list-style:none;position:absolute;left:100px;top:0;display:none} .menu{float:left;width:100px;margin-right:15px} li{widt... 阅读全文
posted @ 2011-12-27 13:46 深蓝色梦想 阅读(228) 评论(0) 推荐(0) 编辑
2011年11月
由浅入深-javascript动画原理解析（一）
摘要： 我很早写了一个javascript动画类，我觉得思路还不错，而且执行效率还不错，下面我将由浅入深的分享其实现。核心动画核心原理其实并不复杂，就这么几行代码：var fx = function (ontween, onend, duration) { var pos, runTime, startTime = + new Date, timer = setInterval(function () { runTime = + new Date - startTime; ... 阅读全文
posted @ 2011-11-28 16:37 深蓝色梦想 阅读(1286) 评论(0) 推荐(0) 编辑
键盘keyCode值参考表
摘要： 把这些做个笔记.呵呵 阅读全文
posted @ 2011-11-27 17:25 深蓝色梦想 阅读(352) 评论(0) 推荐(0) 编辑
事件属性relatedTarget,fromElement,toElement
摘要： obj:function(e){if(e.relatedTarget){ return event.relatedTarget;}else if(e.toElement){ return e.toElement; //ie}else if(e.fromElement){ return e.fromElement; //ie}else{ return null;}}IE下用event.fromElement,event.toElement来替代 relatedTarget 事件属性返回与事件的目标节点相关的节点。 对于 mouseover 事件来说，该属性是鼠标指针移到目标节点上... 阅读全文
posted @ 2011-11-27 01:01 深蓝色梦想 阅读(1157) 评论(0) 推荐(0) 编辑
2011年10月
无缝自动滚动
摘要： 主要是最后一个要跟第一个一样就行了,<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/ 阅读全文
posted @ 2011-10-29 22:41 深蓝色梦想 阅读(243) 评论(0) 推荐(0) 编辑
下一页