Browsing Category :
JavaScript
上传图片是我们Web开发经常用到的一个功能,那当然少不了文件域标签的使用,如果是上传的是图片文件能够提前预览就好了。
1
<input type="file"/>
到目前为止,只有IE和FF可以预览本地图片。IE下可以直接浏览本地图片,通过input[type=file]的value属性就可以取到本地图片的路径。
而在FF下,有getAsDataURL()方法可以生成图片的DataURL,... Continue Reading »
‘TOP’置顶链接,说的通俗一点就是‘返回顶部的链接’,‘go to top ’一般都放在页面的底部,它可以快速返回页面顶部,以节省用户浏览页面的时间。 它主要的应用场景是
当你有一个很长的网页内容时,您通常要 把 ‘TOP’锚点链接 添加在页面底部,只要用户一点击‘TOP’链接 ,就可以马上回到 页面的顶部了。
我们遇到的问题是:不... Continue Reading »
什么是事件?
事件(Event)是JavaScript应用跳动的心脏 ,也是把所有东西粘在一起的胶水。当我们与浏览器中 Web 页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏览器中发生的事情,比如说某个 Web 页面加载完成,或者是用户滚动窗口或改... Continue Reading »
Lightbox Clones – 基于主流JavaScript库的Lightbox项目大集合
你还记得你第一次看到lighbox特效吗?我敢打赌,你很惊讶。哇,太好了,我必须在我的网站上应用。
自从那时以来,许多人使用它,添加一些功能。有一些人重写代码,以使它达到完美效果。
知识扩展:lightbox 百度知道
现在,以Lightbox为原型的克隆版的Lightbox有很多了,你在《The... Continue Reading »
窥探jQuery — 面向JavaScript程序员
简介
Simon Willison来自英国,是一名经验丰富的开发人员。曾工作于Yahoo,是Web开发框架Django的创始人之一,也是OpenID的推动者。这是 一篇针对jQuery的描述性文章,由于作者出色的分析,该文被引入jquery.com的教程库,对jQuery的推动有一定作用。
英文版权归Simon Willison所有,中译文作者yangyang(aka david... Continue Reading »
此例子是基于JavaScript写的Sliding Menu。构思巧妙,代码短小,高效。通过主流的浏览器测试。
演示一:http://cssrainbow.cn/Project/JavaScript/demo5/menueffect/index.html
演示二:http://cssrainbow.cn/Project/JavaScript/demo5/menueffect/index2.html
下载:http://cssrainbow.cn/Project/JavaScript/demo5/
Continue Reading »
FireBug 是一个非常实用的JavaScript以及DOM查看调试工具,是 Firefox 的一个插件。
使用 FireBug 调试 AJAX 应用非常方便,终于可以告别 alert 时代了!
Console Logging 函数FireBug 为所有 Web 页面提供了一个 console 对象。
接下来我们就学习一下这个对象所包含的函数:
Logging 基础
console.log("message" [,objects]) – 将一个字符串打印到控制台... Continue Reading »
EcmaScript正則表達式( 深入淺出系列之淺出 ^_^ )
使用方法
創建對象
var r = new RegExp("表達式","ig");
適合在動態構造匹配對象時使用;
表達式中轉義符需要使用兩次,如\\d;
直接量
var r = /表達式/ig;
使用在任何固定模式的匹配;
常用屬性
$1…$9
返回九个在模式匹配期间找到的、最近保存的部分。只读。
index
返回第... Continue Reading »
JavaScript DOM 创建和克隆元素
W3C DOM允许你创建自己的元素和文本节点,并把它们添加大文档树中。理论上上说,你可以从树中移除所有的元素,创建新元素,或者重整文档树,从而完全改变页面。但是在实践中,这个特性用起来有些限制。
DOM也允许你克隆现有的元素,已便你能方便地复制文档的某一部分并在文档中分发副本。
在我们学... Continue Reading »
JavaScript DOM 修改文档树
在我们工作中大多数DOM脚本的主要任务就是在DOM文档中插入,删除和移动节点。W3C DOM 提供了4种方法来修改文档树。常用的是appendChild()和insertBefore(),而removeChild() 和replaceChild()很少用到。
在我们学习之前,我还是把总结好的DOM知识体系表放在前面以方便我们查阅。
Node接口定义的节点类型都包含的特性和方法
特性... Continue Reading »
Welcome to CSSrainbow.cn
Copyright © 2009-2012 CSSrainbow.cn All rights reserved. Design by Rainbow. 冀ICP备09015604