当前浏览的标签为:
Posts Tagged ‘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 »
简单的斑马纹表格,如果页面上有大量的表格数据时,隔行变色的斑马纹会帮助我们快速阅读,有利于用户体验。我们今天不讨论在动态语言中的方法,只讨论CSS,JavaScript,MooTools 是如何实现的,并有三种可行性方案。
我们的表格
The Html Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<table id=... Continue Reading »
让focus 和 blur 都支持冒泡事件的解决方案来自:
怿飞的《如何在事件代理中正确使用 focus 和 blur 事件》文章。
什么是事件代理(Event Delegation)?
如果不太了解的朋友,可详细阅读以下文章:
Event delegation in JavaScript
JavaScript的事件代理
如何使用JavaScript的事件代理
(全文…)
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 »
引言
对于想学习或者想从事Web前端设计与开发的人员和学生,在这里我强烈推荐《Opera Web标准课程》
Opera公司的开发人员关系部经理Chris Mills要向大家介绍他和其他很多人花费数月时间开发的一个课程——Web标准课程,
该课程旨在向大家提供Web设计和开发的坚实基础,无论读者是谁,此教程完全免费、可访问,并且不需要预备知识
以下... Continue Reading »
Welcome to CSSrainbow.cn
Copyright © 2009-2012 CSSrainbow.cn All rights reserved. Design by Rainbow. 冀ICP备09015604